FAB Components

Dev Design Library indexes 24 fab components from 17 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. Fab components belong to the Actions group.

• FabMUI / Material UI · React
• FabdaisyUI · CSS (Tailwind)
• 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 DialMUI / Material UI · React
• 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 fab components

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

Related categories

• React FAB Components
• Tailwind CSS FAB Components
• Animated FAB Components
• Action Components
• Button Components
• Button Group Components
• Toggle Button Components
• Icon Button Components
• Link Components
• Theme Toggle Components
• CTA Button Components
• Copy Button Components
• Like Button Components
• Social Login Button Components
• Hold Button Components
• Share Button Components
• Slide To Confirm Components
• Download Button Components
• Submit Button Components