Examples

Full-page templates and demo compositions, all built with BRUT. Each demo is a single HTML file — no framework, no build step. View source to copy markup into your own project.

Landing page

A marketing landing page with hero, feature grid, install strip, marquee, and CTA. Uses .brut-display-2, .brut-card, .brut-btn, layout primitives, and a sprinkle of bespoke marquee CSS.

Open in new tab → · View source on GitHub

Login form

A focused single-purpose form. Demonstrates field composition, validation hints, the password component, and a divider primitive between social login and email login.

Open in new tab → · View source on GitHub

Dashboard

An admin dashboard layout with sidebar, topnav, stat tiles, table toolbar, and a paginated data table. Pulls together most of the layout and table primitives in a single composition.

Open in new tab → · View source on GitHub

---

Build your own

Every component on the components pages is a copy-pasteable fixture. Compose them inside any layout primitive (stack, cluster, grid, bar) and you'll get the hard-edged composition that BRUT is named for.

The dist/components.json manifest lists every component's modifiers and copy-pasteable example markup, so AI agents and codegen tools can scaffold pages without crawling source.