# Dynamic Island

> A springy Dynamic Island interaction with ring and timer states.

## Details

- **Slug**: `dynamic-island`
- **Tags**: navigation, skeuomorphism
- **Inspired by**: [Apple Dynamic Island](https://developer.apple.com/design/human-interface-guidelines/live-activities)

## Links

- [Registry item](https://www.uicapsule.com/r/dynamic-island.json): install with `npx shadcn@latest add https://www.uicapsule.com/r/dynamic-island.json`
- [Raw source JSON](https://www.uicapsule.com/api/content/dynamic-island): every file, as JSON
- [Bare preview](https://www.uicapsule.com/preview-frame/dynamic-island): the component with no site chrome

## Files (6)

Full contents are in the registry item linked above.

- `/dynamic-island.tsx`
- `/expanded-widgets.tsx`
- `/package.json`
- `/preview.tsx`
- `/ring.tsx`
- `/timer.tsx`

---

[UICapsule](https://www.uicapsule.com) · [All components](https://www.uicapsule.com/llms.txt)