UI Pattern Library

Button Gallery Solid, ghost, icon, segmented, and tool-button patterns.

Pattern

Form Field Styles Inputs, selects, checkboxes, radios, and textareas.

Pattern

Card Styles Compact cards, gallery cards, stat cards, and code cards.

Pattern

Navigation Patterns Topbar, sidebar, tabs, breadcrumbs, and mobile drawers.

Pattern

Hero Sections Text-first, full-bleed, and editorial hero section references.

Pattern

CTA Sections Call-to-action blocks with concise hierarchy.

Pattern

Footer Templates Simple, mega, and editorial footer structures.

Pattern

Pricing Tables Tier, toggle, and comparison pricing layouts.

Pattern

Testimonial Blocks Quote, avatar, and logo-wall testimonial patterns.

Pattern

Feature Sections Grid, alternating, and icon-left feature layouts.

Pattern

Empty States No-result, first-run, error, and permission states.

Pattern

Loading States Skeleton, spinner, and shimmer loading patterns.

Pattern

Error Pages 404, 500, offline, and permission page references.

Pattern

Toast Notifications Success, error, warning, and info toast styles.

Pattern

Modal & Dialog Confirmation, form, and media modal patterns.

Pattern

Sidebar Layouts Left, right, collapsible, and icon sidebar patterns.

Pattern

Dashboard Layouts Admin and analytics layouts for operational tools.

Pattern

Mobile UI Patterns Compact mobile interface patterns and controls.

Pattern

Dark UI Inspiration Dark interface references with practical contrast.

Pattern

Email Templates Transactional and marketing email HTML patterns.

Pattern

OG Image Templates Open Graph layout patterns with dimension guidance.

Pattern

Icon Style Guide Lucide, Heroicons, Phosphor, and Tabler comparison notes.

Pattern

Illustration Styles Flat, 3D, outlined, and pixel illustration references.

Pattern

Photography Guide Photography style references for product and brand shoots.

Pattern