Animated Dynamic Island Components

Dev Design Library indexes 16 Animated dynamic island components from 15 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. These are the dynamic island components tagged as animated: motion on hover, on scroll or on load, usually built with CSS transitions or Framer Motion. 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
• 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.
• 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 Animated dynamic island components

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

Related categories

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