Viora LogoViora UI
Login

Bouncy Accordion

An expressive collapsible accordion with spring-powered row separation.

demo-bouncy-accordion-demo.tsx
Loading source code...

Installation

pnpm dlx viora-ui add bouncy-accordion
npx viora-ui add bouncy-accordion
yarn viora-ui add bouncy-accordion
bunx --bun viora-ui add bouncy-accordion

Usage

import { BouncyAccordion } from "viora-ui";

export default function Demo() {
  const items = [
    { id: "1", title: "Section 1", description: "Details about section 1" },
    { id: "2", title: "Section 2", description: "Details about section 2" },
  ];
  return <BouncyAccordion items={items} />;
}

Built by Otis

Last updated: 9/13/2026