Design system examples

Interactive UI examples built with the Morpheme design system. All static HTML — browse the source or use them as starting points.

View documentation GitHub
Documentation

Design system reference

Interactive documentation showcasing all design tokens, color palettes, typography, and components.

Documentation
Design system docs & showcase
Colors, typography, spacing, shadows, buttons (full variant matrix), form inputs, cards, badges, alerts, and modal — all live-rendered.
13 sections
App examples

Full application UIs

Multi-page and complex layout examples demonstrating real-world application patterns.

App
E-commerce storefront
Homepage, product listing with filters, product detail with variants, shopping cart, and checkout flow.
5 pages
App
Admin dashboard
Revenue stats, charts, orders table, top products, activity feed, and sidebar navigation.
1 page
App
CRM admin
Contacts data table, stat cards, slide-over detail panel, bulk actions, and pagination.
1 page
App
Email inbox
3-panel layout with sidebar, mail list, message detail, attachments, and reply composer.
1 page
App
AI chat
Claude.ai/ChatGPT-style interface with conversation sidebar, message bubbles, code blocks, typing indicator, and suggestion cards.
1 page
Page examples

Individual pages

Standalone pages and multi-page flows covering common UI patterns.

Pages
Auth pages
Login, register, forgot password, and OTP verification with social login and form validation.
4 pages
Pages
Blog
Article listing with featured post, and article detail with prose typography, code blocks, and related posts.
2 pages
Pages
Pricing
3-tier pricing cards with billing toggle, feature comparison table, and FAQ accordion.
1 page
Pages
Settings
Profile form, account settings, notification toggles, and danger zone with tabbed sections.
1 page
Pages
SaaS landing page
Hero section, features, testimonials, and call-to-action sections for a SaaS product.
1 page
Error
Error pages
404 not found, 500 server error, and scheduled maintenance page with progress indicator.
3 pages