Dynamic Island

Apple-inspired Dynamic Island React component with smooth spring animations. Expandable notification pill for alerts, music players, and status updates.

Open in v0

Last updated: January 29, 2026

Installation

pnpm dlx shadcn add @smoothui/dynamic-island
npx shadcn@latest add @smoothui/dynamic-island
yarn dlx shadcn add @smoothui/dynamic-island
bunx shadcn add @smoothui/dynamic-island

Features

  • Expand/collapse with spring motion
  • Queue multiple messages
  • Supports icons and actions
  • Accessible announcements

Props

Cursor Follow

Smooth cursor-following blob for delightful feedback.

Expandable Cards

Interactive React cards that expand to reveal content with smooth Motion animations. Accessible, keyboard-navigable expandable UI for portfolios and product showcases.

On this page

Installation
Features
Props

Created by

Edu Calvo's avatar
Edu Calvo

Powered by

motion.dev
lucide.dev