Accordion Proximity 2 - Proximity with Falloff

Pro

Accordion where opacity falls off with distance from the hovered item.

Shadcn Accordion Proximity 2 component

Component data

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

Accordion Proximity 2 component design & features

Pointer tracking finds the hovered item's index, and each item's opacity drops by a step for every row away from it. Everything returns to full opacity when the pointer leaves.

The graded falloff gives feature or process lists a gentle spotlight effect without changing the layout.