#dark-mode

A clean responsive navbar with logo on the left, nav links in the center, and a CTA button on the right. Collapses to a hamburger menu on mobile.

A full-height sidebar navigation with icon + label links, active state, nested submenu, and a collapse toggle.

A comprehensive button component showcasing all variants: primary, secondary, outline, ghost, destructive, and loading state.

A dashboard stat card showing a metric, percentage change, trend direction arrow, and a sparkline chart.

A social-style profile card with avatar, name, bio, social stats, and follow/message action buttons.

An account settings form with clearly grouped sections for profile, notifications, privacy, and danger zone.

A set of 4 coordinated charts for a revenue dashboard: area chart, bar chart, pie chart, and stat cards.

A friendly empty state for a messaging inbox with an SVG illustration, headline, subtext, and primary CTA.

A set of animated skeleton loading placeholders for cards, a table, and a profile.

A component-level error state for when data fails to load, with error icon, message, and a retry button.

A complete analytics dashboard with sidebar navigation, KPI cards, revenue chart, user table, and activity feed.

A personal finance overview with balance summary, income vs expense chart, spending by category, and transactions.

A GitHub-style public profile with avatar, bio, stats, pinned projects, and activity heatmap.

A long-form article page with sticky table of contents, reading progress bar, author card, and related posts.

A blog index with a large featured post hero, category filter tabs, and a responsive article card grid.

A docs site with top nav, left sidebar tree navigation, content area with code blocks, and right-side TOC.

A creative 404 error page with an animated illustration, search suggestion, and navigation options.

A launch countdown page with email waitlist signup, animated countdown timer, and feature teasers.

A maintenance page with estimated return time, progress indicator, and subscribe-for-updates form.

A developer settings page for creating, viewing, copying, and revoking API keys with usage stats.

A personal portfolio with hero intro, selected work grid, skills, experience timeline, and contact.

A detailed case study with problem/solution narrative, process sections, and results metrics.

A mobile-first app home screen with bottom tab navigation, greeting header, and content cards.

A mobile chat screen with message bubbles, typing indicator, read receipts, and voice message UI.

A full AI chat UI with sidebar history, message thread, streaming animation, and model selector.

A developer API reference with endpoint list, code samples in multiple languages, and a live try-it panel.

A terminal-style UI for CLI output, build logs, and deployment progress.

A mobile-first digital wallet with balance card, quick actions, recent transactions, and savings goals.

A crypto portfolio tracker with holdings table, price charts, allocation pie, and performance metrics.

A telemedicine UI with video feeds, controls, chat panel, and doctor notes sidebar.