Animated FAB Components

Dev Design Library indexes 21 Animated fab components from 15 open-source UI libraries, with the most coming from Kinetics, GreatUI, Skecher UI, Watermelon UI and UI Lab. 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 fab components tagged as animated: motion on hover, on scroll or on load, usually built with CSS transitions or Framer Motion. Fab components belong to the Actions group.

• Gooey Plus Menutransitions.dev · HTML/CSS
• Bloom MenubeUI · ReactA button that morphs open into a menu and blooms iris-out from the center, the grid revealing in every direction with…
• Circular NavbarSpectrum UI · Reactcomponent for the Circular Navbar
• Corner ButtonVengeance UI · ReactAnimated corner dots & lines button
• FabPanel UI · React NativeThe floating action button — one action pinned over the content, with an optional dial of others behind it.
• Create Menuuselayouts · ReactA Start Creating pill that springs open into a list of create actions.
• Orbital Action MenuKinetics · HTML/CSSActions escape a magnetic centre on hover
• Floating MenuGreatUI · React
• Morph NavNexvyn UI · ReactA floating action button that morphs through states with SVG path-morphing trigger icon.
• Circular Radial NavbarRewamp UI · React
• Circular Dock MenuSona UI · ReactA circular dock menu with controlled state, keyboard dismissal, item callbacks, outside-click handling, and…
• Gooey MenuWatermelon UI · React
• Floating Action MenuUI Lab · React
• Morph MenuSkecher UI · ReactA measured action menu that morphs between compact and expanded states with configurable directional movement.
• Glow Jump WidgetReactFrame · ReactA floating-action-button popup that opens a glowing 4-level platformer, jump between walls, dodge moving lava, and…
• Speed Dial FabKinetics · HTML/CSSActions fan out on a staggered spring
• Radial Gooey MenuGreatUI · React
• Gooey Menu BaseWatermelon UI · React
• Gooey MenuUI Lab · React
• Morphing Action DockSkecher UI · ReactA floating action dock that merges into one surface and expands into contextual actions.
• Memory Cards WidgetReactFrame · ReactA floating-action-button popup that opens a color-matching memory game, 3 difficulty levels, a live timer/move…

Libraries with Animated fab components

• Kinetics
• GreatUI
• Skecher UI
• Watermelon UI
• UI Lab

Related categories

• FAB Components
• React FAB Components
• Tailwind CSS FAB Components
• Animated Action Components
• Animated Button Components
• Animated Toggle Button Components
• Animated Theme Toggle Components
• Animated Copy Button Components
• Animated Icon Button Components
• Animated CTA Button Components
• Animated Button Group Components
• Animated Like Button Components
• Animated Hold Button Components
• Animated Submit Button Components
• Animated Share Button Components
• Animated Send Button Components