Swapy

Cards swap positions through a drag handle or keyboard controls and retain their order in React state.

Library

Cojeev UI

Framework

React

Type

ui

License

MIT

Dependencies

motion

Install

npx shadcn@latest add https://cojeev.com/ui/r/swapy.json

Files

• registry/cojeev/ui/swapy.tsx
• registry/cojeev/styles/swapy.css
• registry/cojeev/lib/utils.ts
• registry/cojeev/lib/appearance-tokens.ts
• registry/cojeev/lib/assembly-geometry.ts
• registry/cojeev/lib/bento-layout.ts
• registry/cojeev/lib/bloom-engine.ts
• registry/cojeev/lib/chart-geometry.ts

Source

https://github.com/luv-jeri/cojeev-ui

Categories

• Bento Grid Components
• React Bento Grid Components
• Tailwind CSS Bento Grid Components
• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• Grid Components
• React Grid Components
• Tailwind CSS Grid Components
• Layout Components
• React Layout Components
• Tailwind CSS Layout Components

More from Cojeev UI

• Activity feed
• Bento Builder
• Bento Grid
• Item
• Item adornment
• Accordion
• Accordion Gallery
• Action dock
• Motion Adjuster
• Agent chat
• Agent state
• Alert