An accessible React accordion for Next.js: sections that open and close with a smooth height change, as one card, separate cards or plain rows. Built on Radix.
height auto, done correctly.
Showing 1–24 of 945
Answers unfold from under their question like a folded flap, and the row you clicked never moves.
The account block at the foot of an app rail: avatar, name and role, opening upward into a frosted menu with the email, a highlight that slides between rows, icons that gesture as it lands, and a red Log out.
Icon toolbar whose labels appear on hover or focus; saves room in dense headers.
Toolbar pill of icon actions that collapse and grow as the page's context changes.
The sparkle icon and AI Overview heading.
Compact next button with a looping arrow reveal, crisp press feedback, and loading and disabled states.
Icon rail that expands on hover or focus and turns into a drawer on narrow screens.
An animated tab is a ui component that switches between content panels with smooth animated transitions.
A tab component with animated selection.
Switch tabs smoothly with motion-based underline or highlight effects.
Tabs with a sliding indicator, panels that follow its direction and full keyboard support.
Radix Tabs with a Motion layoutId sliding active indicator and cross-faded, direction-aware content. Keyboard and roles preserved. Reduced-motion safe.
A tab component with a moving active pill and directional content transitions.
A headless and styled tab UI component set for switching content views.
An accessible horizontal tab selector built on Base UI with controlled state, keyboard navigation, disabled items, and a pointer-only shared hover indicator.
Tabs with a gliding pill and panels stacked like cards that peek behind.
Tabs whose indicator stretches between tabs: the leading edge leaves first and the trailing edge follows on a softer spring. Labels flip colour exactly where the pill passes, hover shows a ghost highlight, optional panels slide by direction. No dependencies.
Restrained product update strip with gradient sheen and a clean collapse dismiss.
A compound application header with navigation, search, account actions, and responsive overflow.
The three-phase content row below a floating header: optional left sidebar, main region, optional right rail, each gated on the layout variants.
The frame of an app: sidebar, header, content and an optional aside.
The app layout skeleton: a fixed-height shell or a document scroller, with a frosted header, nav pills, and the main scroll region.