Dev Design Library

Glass Accordion

Collapsible sections on one glass panel, or as separate glass cards that grow open.

Glass Accordion preview
Library
Opaline
Framework
React
Type
ui
License
MIT
Dependencies
@hugeicons/core-free-icons, @hugeicons/react, radix-ui
Install
npx shadcn@latest add @opaline/theme @opaline/glass-accordion
Files
  • registry/opaline/ui/opaline/glass-accordion.tsx
  • registry/opaline/ui/opaline/liquid-glass.tsx
  • registry/opaline/lib/glass-refraction.ts
  • lib/utils.ts
Source
https://github.com/deepraj21/opaline

Categories

More from Opaline