Fan View

A fanned card menu with controlled state, item callbacks, keyboard dismissal, outside-click handling, and reduced-motion support.

Library

Sona UI

Framework

React

Type

ui

License

MIT

Dependencies

motion

Install

npx shadcn@latest add @sona-ui/fan-view

Files

• src/registry/sonaui/fan-view/fan-view.tsx
• src/registry/sonaui/sona-utils/sona-utils.ts
• src/lib/sona-utils.ts

Source

https://github.com/Dinil-Thilakarathne/sona-ui

Categories

• Card Stack Components
• React Card Stack Components
• Tailwind CSS Card Stack Components
• Animated Card Stack Components
• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• Animated Data Display Components
• Menu Components
• React Menu Components
• Tailwind CSS Menu Components
• Animated Menu Components

More from Sona UI

• Animated Dropdown
• Circular Context Menu
• Circular Dock Menu
• Depth Tiles
• Expanding Action
• Notification Stack
• Prototype Circular Context Menu
• Smart Overflow
• Accordion
• Activity Graph
• Animated Checkbox
• Animated Dialog