Matios.UI
Signed with provenance · MIT

Build UIs with zero dependencies. And it's MIT.

Matios UI is a UI framework built with pure CSS and JavaScript. 85+ components, mode + accent theming, no build step. Drop it into anything.

npm i @matios/ui
85+components
316icons
0dependencies
MITopen source

Live components

Real Matios UI components — rendered by this page.
Why Matios UI

Small, self-sufficient, and yours

No npm dependency tree, no bundler, no lock-in. Just CSS and JavaScript that work everywhere.

Zero dependencies

Built only on the browser platform. Tiny, auditable, no supply chain to worry about.

No build step

Drop a <script> and a <link>. Works in static sites, server-rendered apps, legacy and microfrontends.

Mode + accent theming

Light, dark, high-contrast and more — swap a single attribute. Try the live switcher below.

85+ components

Forms, navigation, overlays, data tables, charts, Gantt/Kanban boards — production-ready.

Signed releases

Published from CI with npm provenance — verifiable build origin on every version.

Framework-agnostic

No React/Vue required. Element-first API: new MTS.X(el, opts) enhances markup in place.

Live theming

Re-theme everything in one click

This whole page is themed by Matios UI. Pick a mode and an accent — watch it apply instantly.

Mode

The base palette.

Accent

The brand color.

Explore

Dozens of components, one explorer

Browse every component live — with code, options and demos — in the interactive showcase.

Quick start

Install and go

Add Matios UI to your project

Open source · MIT · zero dependencies · signed with provenance

npm i @matios/ui