Dynamic Island

A pill that morphs between a compact status line and any number of named live-activity views, the same element reshaping via layout animation each time.

Library

EaseUI

Framework

React

Type

component

License

MIT

Install

npx shadcn@latest add @easeui/dynamic-island

Files

• components/motion/dynamic-island.tsx
• lib/ease.ts
• lib/utils.ts

Source

https://github.com/rjcuff/easeui

Categories

• Dynamic Island Components
• React Dynamic Island Components
• Tailwind CSS Dynamic Island Components
• Animated Dynamic Island Components
• Overlay Components
• React Overlay Components
• Tailwind CSS Overlay Components
• Animated Overlay Components

More from EaseUI

• Accordion
• Agent Loading States
• Alert
• Avatar
• Badge
• Button
• Card
• Checkbox
• Code Block
• Command Palette
• Copy Button
• Diff View