Accordion with visual
ProOpening an item updates the chart in the browser window next to it.
features-09 · v1.0.0 · Features block 9 of 10
npx shadcn@latest add @lib/features-09About this features block
Accordion with visual is a Pro features block for shadcn/ui. Opening an item updates the chart in the browser window next to it. It's one React file built on the shadcn/ui Accordion components, uses only your theme tokens, animates in as it scrolls into view and stays still for visitors who ask for less motion, and works in Next.js, Vite, React Router, TanStack Start and Astro.
What's inside
- Interactive state, no wiring needed to try it
- Entrance animation, with a reduced-motion fallback
- Light and dark mode from your theme
- Responsive, from phone to desktop
What it installs
- @lib/browser-frame
- @lib/grid-pattern
- @lib/section-frame
- shadcn/ui: accordion
Versions
- v1.0.0, first release.
More features blocks
Feature grids, bento layouts, alternating sections and comparison rows that explain what a product does.