Demos

Our curated collection of 500+ free demos, prototypes, animations, templates, layouts, UI styles, and experimental design concepts. Download and use freely under MIT.

button×

button css-only hover

Ideas for CSS Button Hover Animations

4 years ago by Manoela Ilic

button hover magnetic

Magnetic Buttons

4 years ago by Manoela Ilic

button form hover progressive-hover proximity

Ideas for Proximity Feedback with Progressive Hover Effects

7 years ago by Manoela Ilic

button canvas particles

Particle Effects for Buttons

7 years ago by Luis Goncalves

button distortion filter svg

Distorted Button Effects with SVG Filters

9 years ago by Adrien Denat

button morphing snap.svg

Shazam-Like Morphing Button Effect

9 years ago by Manoela Ilic

button menu svg

Animating an SVG Menu Icon with Segment

9 years ago by Luis Goncalves

button elastic progress svg

Elastic Progress

9 years ago by Lucas Bebber

button file form input

Styling & Customizing File Inputs the Smart Way

9 years ago by Osvaldas Valutis

button material-design svg

Creating Material Design Ripple Effects with SVG

9 years ago by Dennis Gaebel

Button Styles Inspiration

button clip-path

Inspiration for Button Styles and Effects

10 years ago by Manoela Ilic

button gooey svg

Subtle Click Feedback Effects

10 years ago by Manoela Ilic

button morphing shopping-cart

Some Ideas for Checkout Effects

10 years ago by Manoela Ilic

button draggable elastic form input menu morphing svg

Elastic SVG Elements

10 years ago by Manoela Ilic

button modal morphing overlay

Morphing Buttons Concept

11 years ago by Manoela Ilic

button circular progress svg

How to Create a Circular Progress Button

11 years ago by Manoela Ilic

3d button progress

Progress Button Styles

11 years ago by Manoela Ilic

Creative Button Styles

Creative Button Styles

11 years ago by Manoela Ilic

Button Switches with Checkboxes and CSS3 Fanciness

button checkbox toggle

Button Switches with Checkboxes and CSS3 Fanciness

12 years ago by Kitty Giraudel