All components
4 components so far. Each one has its own page with a live preview and the code.
Week 02
- modalWeek 02Open component
Command Palette
A ⌘K / Ctrl+K command menu with ranked search, grouped results, keyboard navigation, match highlighting, shortcuts, disabled and loading states. Built on the native <dialog> element.
- inputWeek 02Open component
OTP Code Input
A one-time-code input with a box per character. Typing, paste, SMS autofill, Backspace and arrow keys all work; it has numeric or alphanumeric modes, masking, grouping, loading, error and success states, and submits with forms.
Week 01
- buttonWeek 01Open component
Magnetic Button
A call-to-action button that drifts toward the pointer and lights up under it. Three variants, three sizes, icon slots, loading and disabled states.
- sectionWeek 01Open component
Testimonial Marquee
An endless, two-way scrolling wall of testimonials with ratings and avatars. Pure CSS motion that pauses on hover or focus and turns into a scrollable list for reduced motion.