@8bitcn
A simple 8-bit accordion component
Layout1 registry dep
@cortexcn
A vertically stacked set of headings that each reveal a section of content.
Showing 1–24 of 355
A simple 8-bit accordion component
A vertically stacked set of headings that each reveal a section of content.
Showing 1–24 of 355
Expanding sections that grow to their natural height with no measuring, with arrow key navigation and closed panels skipped by Tab.
A vertically stacked set of interactive headings that each reveal a section of content.
Panels open to their real height on a spring while their contents rise in one after another.
A vertically stacked set of interactive headings that each reveal a section of content.
Default accordion component
Multi-level accordion component
FAQ accordion with numbered items, background fill on open, and +/- toggle
Accordion wrapped in a rounded card with left-aligned +/- icons and border dividers
Accordion with icon trigger, description, and an image revealed on open
Accordion with a filled accent background on the trigger header
Animated accordion with a number bubble, sliding title shift, and an expanding bottom line on hover and active states — built with motion/react for fluid spring transitions.
Minimal accordion with a subtly animated chevron for compact FAQs and supporting details.
A vertically stacked set of interactive headings that each reveal a section of content.
A vertically stacked set of interactive headings that each reveal a section of content.
A vertically stacked set of interactive headings that each reveal a section of content.
The card behind your avatar: who you're signed in as, how far your profile has come and the one step to do next, plus your menu and theme.
Tenant dashboard grid card composing the status vocabulary: name, badges, timestamp, one-link hover.
A track card loaded from an Apple Music link, with mini and full views.
Paged human-in-the-loop questions with single- and multi-select answers, custom input, and submission state.
A human-in-the-loop decision surface for questions, review steps, and consequential actions.
An approval routing panel illustration.
A handwritten note whose arrow draws itself to whatever it points at.