Action Button with Checkbox Trick
A action button with checkbox trick built with modern frontend techniques for responsive and reusable UI.
Difficulty
Intermediate
Features
Checkbox hack, No-JS interactivity, State-driven UI
Responsive
Yes
Floating Action Buttons
14 snippetsBrowse Floating Action Buttons examples — animations, layouts, typography, and visual effects. Filter the directory below.
css-floating-action-buttons
Snippets(14)
Add ButtonA add button built with modern frontend techniques for responsive and reusable UI.
Technologies
SCSS, JavaScriptDifficulty
intermediateFeatures
Animated transition, Expandable menuResponsive
Yes- Add Button Hover Animation
A add button hover animation built with modern frontend techniques for responsive and reusable UI.
Difficulty
intermediateFeatures
hover-animation, interactive-ui, svg-animationResponsive
Yes - Floating Action Button
A floating action button built with modern frontend techniques for responsive and reusable UI.
Difficulty
beginnerFeatures
fixed-position, animated-toggleResponsive
Yes 
Floating AnimationA floating animation built with modern frontend techniques for responsive and reusable UI.
Technologies
jQuery, CSS3, HTML5Difficulty
beginnerFeatures
Staggered animation, Floating Action Button (FAB), Social sharing menuResponsive
Yes- Floating Button
A floating button built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS3, HTML5Difficulty
beginnerFeatures
Cascade expansion, Hover effect, No-JSResponsive
Yes - Material Floating Button CSS
A material floating button css built with modern frontend techniques for responsive and reusable UI.
Difficulty
IntermediateFeatures
pure-css, keyframes-animation, material-designResponsive
Yes - Material More Button CSS
A material more button css built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS, HTMLDifficulty
beginnerResponsive
Yes - Materialize FAB Button Spin-Close Menu Variation
A materialize fab button spin-close menu variation built with modern frontend techniques for responsive and reusable UI.
Difficulty
IntermediateFeatures
CSS Animations, Material Design, Spin-Close TransitionResponsive
Yes - Multi Share Button in Pure CSS
A multi share button in pure css built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS, HTMLDifficulty
BeginnerFeatures
Pure CSS, Checkbox Hack, AnimationResponsive
Yes - Only CSS Action Button
A only css action button built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS, SCSS, SVGDifficulty
IntermediateFeatures
No-JS interaction, CSS Animations, Checkbox hackResponsive
Yes - Pure CSS Floating Action Button
A pure css floating action button built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS3, HTML5Difficulty
beginnerResponsive
Yes 
Morphing Hamburger Floating Action ButtonA morphing hamburger floating action button built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, SCSS, JavaScriptDifficulty
IntermediateBrowser support
Chrome 60+, Edge 79+, Firefox 55+, Safari 11.1+Features
Hamburger Morphing, Staggered Animation, Floating Menu, Pulse EffectResponsive
Yes- Floating Button
A floating button built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS, SVG, HTMLDifficulty
intermediateFeatures
gooey effect, cascading animation, SVG filters, checkbox hackResponsive
Yes