Accordion Group 2 - Grouped with Gliding Highlight

Pro

Accordion with a hover highlight that glides between items and resizes as they open.

Shadcn Accordion Group 2 component

Component data

ID
accordion/accordion-group-2
Access
pro
Created
Oct 30, 2026
Type
example
Libraries
Radix UI, Base UI, React Aria

Accordion Group 2 component design & features

A single highlight follows the pointer from item to item. A ResizeObserver keeps it matched to the hovered item while that item opens or closes.

The gliding highlight gives settings and feature lists a polished hover state without extra borders.