Blessing

Appearance

Blessing UIThemed Flat Interface

Flat by design, raised with Vue, blessed for everyone.

Get started
Components
An official-site front page built with Blessing UIAn official-site front page built with Blessing UI

Flat by design

No bevels, no gloss, no rebuilt widgets. Grey does the work; the accent shows what you chose, and a control leans when you engage it. Nothing blurs — a floating thing sits on a thin accent plate.

Themed by tokens

Every value is a --bless-* custom property. Six palettes ship in the box — switch with one attribute, or write your own.

Built on the platform

<dialog>, the Popover API, <details>, native form controls, Intl dates, scroll-snap. When the browser already has it, Blessing styles it instead of rebuilding it.

For everyone

Keyboard first, ARIA on every menu, dialog, grid and tablist, prefers-reduced-motion, contrast that passes. Right-to-left too.

Vue 3 · 144 components · one peer dependency · MIT
NEW!megumi

Live — flip the palette or the theme in the nav.

Blocks

Finished sections you copy into your project — the app screens and the official-site sections the system was drawn for.

All blocks →
Sign in blockSign in blockSign inthe form every app starts withDashboard blockDashboard blockDashboardshell, stats, chart, tableNews blockNews blockNewsan official site's front page