Patterns
Higher-level UI compositions built on top of the primitive components. Patterns represent real application use cases found across SaaS products and admin interfaces.
36
Patterns
15
Categories
@aetherstack/patterns
Package
Forms
Form Field
Label + control + helper text + error message composition with context hook.
Login Form
Email + password sign-in with remember-me, validated with react-hook-form and Zod.
Sign Up Form
Registration form with password strength meter and confirmation field.
Profile Settings Form
Multi-section settings form with Select, Switch, character counter, and dirty detection.
Contact Form
Name, email, subject select, and textarea with a post-submit success state.
Page structure
State patterns
Data display
Metric Card
Dashboard stat card: label, value, trend badge, icon.
Stat Group
Responsive grid of stat cards with labels, values, and delta indicators.
Data Table
Sortable, searchable, paginated table built on the Table primitive.
Activity Feed
Chronological timeline of events with user avatars and relative timestamps.