Dynamic Island

An iOS-style island pill that morphs between live activity views with a bouncy resize.

Library

Spectrum UI

Framework

React

Type

component

License

Apache-2.0

Dependencies

clsx, motion, tailwind-merge

Install

npx shadcn@latest add @spectrumui/dynamic-island

Files

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

Source

https://github.com/arihantcodes/spectrum-ui

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 Spectrum UI

• No Access
• Accordion
• Account Access Card
• No Activity Yet
• Agent Plan
• Agent Steps
• AI Chat Card
• Alert demo
• Alert 2
• Alert 3
• Alert 4
• Animated SVG Chart