Now playing
The open‑source Dynamic Island for React.
A live status pill for the top of any web app.
Made for what apps do.
Each preset is one file. Install it as it is, or open it in the playground and change anything.
Two at once.
A second activity splits the island. The first keeps the pill, the second gets a bubble beside it.
Shaped around your app.
No preset ships a pizza order. This one was built in the playground: pick what each region shows, wire the buttons to your own actions, copy the code.
Measured against the real thing.
Every size, gap and spring is fitted frame by frame to recordings of the real island. Here it is, drawn large.
- Size
- 150.18 × 36.85pt
- Corner radius
- 18.43pt
- Spring
- 0.483 / 0.62response, damping
One command, then it’s yours.
The engine needs only React. Every file lands in your project, so you can change any of it.