LofiStack 90 Day Build Challenge
Reusable components, shipped two at a time.
Every component is typed, responsive, accessible and lives on its own page with a live preview, the source code and the prompt used to build it.
- Components
- 4/30
- Types covered
- 4
- Current week
- 2
Latest components
View all- 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.
- 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.