Component Templates
Backgrounds, text effects, cards, sections, forms, and overlays.
Aurora Background
Slow curtain aurora on canvas behind a hero, with stars and a ridge line.
Border Beam Card
A single amber beam tracing a pricing card’s border at constant speed.
Text Scramble
Monospace headline that decodes character by character, plus scramble-on-hover links.
Bento Grid
Six-tile feature grid with a cursor spotlight that lights the borders.
Command Palette
Cmd+K menu with grouped results, match highlighting, and full keyboard control.
Real-Time Data Chart
Streaming multi-series line chart on Canvas with hover tooltips and pause.
Data Table
Sortable, searchable, paginated table with a sticky header.
Date Picker & Date Range Picker
Single-date and range calendar built on the ARIA grid pattern.
Searchable Dropdown
Type-to-filter combobox with single and multi-select modes.
Modal & Dialog
Accessible dialog with focus trap, scroll lock, and focus return.
Multi-Step Form Wizard
Stepper form with per-step validation, a review step, and persistence.
OTP / PIN Code Input
Six-cell code input with paste-to-fill, auto-advance, and error shake.
Rich Text Editor
Lightweight WYSIWYG with a sanitized paste pipeline and source view.
Image Comparison Slider
Before/after slider with drag, click, and keyboard control.
Toast Notification Stack
Stacked toasts with auto-dismiss progress bars and manual close.
Skeleton Loading Screen
Shimmering CSS placeholders for profiles, cards, and lists.