Building Blocks for the Web
Clean, modern building blocks built from the components. Copy and paste into your apps. Works with all frameworks. Open Source. Free forever.
Application categories
settings-01
A settings card with profile fields, notification switches and save/cancel actions. Use as an account or preferences page.
chat-01
A chat card with a contact header, a scrollable message thread with user/agent bubbles, and a working message input. Use for support chat or messaging UIs.
ai-chat-01
A responsive AI conversation workspace with token context, accessible message history, prompt composer, deterministic streaming, stop and continue states, and a context rail. Use for copilots, assistants or agent products.
mail-client-01
A responsive three-pane mail client with folder navigation, search, message selection, unread and label states, a complete reading view and interactive starring. Use as an inbox or team communication surface.
calendar-app-01
A responsive team calendar with month navigation, filterable calendars, event selection, a scroll-safe month grid and an event detail rail. Use for scheduling, planning or resource-management products.
team-01
A team management card listing members with avatars and per-member role selects, plus an invite-by-email row. Use in settings or workspace admin pages.
products-01
A products data table with live search, status badges, per-row action menus and responsive columns. Use for catalog, inventory or CRUD list pages.
onboarding-01
A multi-step onboarding card with a numbered step indicator, a progress bar and per-step form fields, plus Back/Continue navigation. Use as a first-run setup flow.
kanban-01
A three-column kanban board (to do / in progress / done) with cards you drag between columns, using native HTML5 drag-and-drop — no dependencies. Columns show a live count and highlight while a card is dragged over them. Use as the base for a task board or pipeline view.
admin-orders-01
An e-commerce back-office dashboard: a KPI row (revenue, orders, AOV, refunds with deltas) over an orders table with customer avatars, status badges, per-row actions, live search and status filter tabs. Use as the admin panel of a storefront.
admin-reservations-01
A reservations back-office dashboard: a KPI row (today's bookings, guests, occupancy, no-shows) over a bookings table with guest avatars, resource, time, party size, confirmed/held/cancelled status badges, per-row actions, live search and status filter tabs. Use as the admin panel of a booking system.
admin-analytics-01
An e-commerce analytics overview: a KPI row (revenue, orders, conversion, sessions), a monthly revenue area chart and a top-products-by-revenue breakdown with share bars. Use as the analytics tab of a store admin.
admin-customers-01
A controlled customer list with counts derived from supplied data, name/email search, segment badges and create/edit callbacks. Includes loading, empty, no-results, retry and permission states; pair with customer-edit-01.
customer-edit-01
A controlled customer form with validation, submitting, recoverable errors, permission denial and unsaved-change confirmation. Pair with admin-customers-01.