Dynamic Island Components

Dev Design Library indexes 18 dynamic island components from 17 open-source UI libraries, with the most coming from Watermelon UI, Cult UI, ZAYX, Spectrum UI and Sona UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. Dynamic island components belong to the Overlays group.

• Call ChipReact Bits · ReactInline tool-call chip whose fill wipes across while a live ms counter ticks, completing with a green wash on success…
• Dynamic IslandCult UI · ReactiOS-style dynamic island component with expandable content and smooth animations
• Dynamic IslandAmicro Micro Transitions · ReactDynamic Island loading animation.
• Status IslandKokonut UI · ReactA pill that reports background work, reshaping as tasks change and opening into a list of everything in flight.
• Dynamic IslandbeUI · ReactiOS-style island pill that morphs between live activity views with bouncy shell resize and blur crossfades.
• Dynamic IslandSpectrum UI · ReactAn iOS-style island pill that morphs between live activity views with a bouncy resize.
• Notch NavbarVengeance UI · ReactResponsive navbar with a sleek cutout notch design
• Scroll IslandSwiftPieces · SwiftUIA floating glass island that names the section in view, rings in how much is read and opens into a contents panel on…
• Live ActivitySona UI · ReactA composable activity surface with shared-element transitions, consumer-defined views, and touch expansion gestures.
• Scroll IslandWatermelon UI · React
• Dynamic IslandUI Lab · ReactMorphs between live states with a springy, Apple-style bounce.
• IslandMetal UI · React + SwiftUIWhere you are and how things stand, in one capsule at the top of a place, in the colorway: a status LED, the place's…
• Fintech IslandZAYX · React Native
• Dynamic Island Feedback NotchCue Foundations · React
• Dynamic IslandEaseUI · ReactA pill that morphs between a compact status line and any number of named live-activity views, the same element…
• AI Dynamic Island 01ReactFrame · ReactA Dynamic Island-style AI status pill that morphs between idle, listening, thinking, working (with an unfolding step…
• NotchAceternity UI · React
• Scroll Island BaseWatermelon UI · React

Libraries with dynamic island components

• Watermelon UI
• Cult UI
• ZAYX
• Spectrum UI
• Sona UI

Related categories

• React Dynamic Island Components
• Tailwind CSS Dynamic Island Components
• Animated Dynamic Island Components
• Overlay Components
• Modal Components
• Popover Components
• Tooltip Components
• Toast Components
• Drawer Components
• Hover Card Components
• Alert Dialog Components
• Bottom Sheet Components
• Tour Components
• Lightbox Components
• Cookie Banner Components
• Mini Player Components