Actual CSS

A demo catalog of every pattern, component, and token.

Pick a category to explore live examples with the markup that produces them.

Templates

App

Full application layout with sidebar navigation, topbar, and content area.

Blocks

A catalog of interface blocks: data tables, forms, empty states, notifications, and more.

Blog

Blog article layout with prose typography, comments sidebar, and scrollspy table of contents.

Dashboard

Data dashboard with cards, tables, metrics, and responsive grid layout.

Kitchen Sink

Every component rendered together in one page for visual regression and layout review.

Marketing

Marketing landing page with hero, feature grids, pricing tiers, and CTA sections.

Admini

404

Custom 404 error page with illustration and navigation back to dashboard.

Calendar

Calendar view with events, date navigation, and scheduling interface.

Chat

Chat interface with message bubbles, contact list, and input area.

Dashboard

Admin dashboard with metrics cards, activity feed, and navigation shell.

Forms

Form layouts with validation, input groups, switches, and action bars.

Invoice

Invoice page with billing details, line items, totals, and print styles.

Kanban

Kanban board with columns, task cards, and progress tracking.

Login

Login page with centered card, form fields, and social authentication.

Profile

User profile with avatar, bio, activity timeline, and account details.

Settings

Application settings page with sectioned controls and save actions.

Tables

Data tables with sorting, pagination, row selection, and responsive design.

User Grid

User grid with avatars, roles, status badges, and search filtering.