Collection of free HTML button with vanilla JavaScript code examples: animated, multiple, confirm, delete, download/upload, submit and with hover/click/hold effects

3D Button

Thumbs Up Confetti

Thumbs Up Button

Submit Button

An uncommon take on a submit button with a progress meter.

Donate Button Animation

Awful Buttons

T-Shirt Cannon Button

T-Shirt cannon button with GreenSock.

Confirm Confetti Button

Button Bending Hover

Trash Button

Delete button with animated trash in vanilla JavaScript.

Confetti Button

Unsubscribe Button

The pitfalls of trying to unsubscribe in 2020.

Compress Files

Simple "File-Zipping" button micro-interaction.

Grid / List Toggle Buttons

Delete Button Animation

Simple "Delete Button" micro-interaction in HTML, CSS and JS.

Download & Upload Hover Animations

Smash To Submit Button

Upload Button Hover

Button Drawing Animation

Animating pseudo elements to give the effect of drawing a button.

Button States Animations

Beer Like Button

Trash Button Animation

Upload File Button

Button Popper

SMASH that Like Button

Favorite button, micro-Interaction in JavaScript.

Neumorphism, Heartly

Add To Cart Animation

A cool add to cart animation with JavaScript.

Material Buttons

Practice with custom properties, clip-path, pseudo elements and CSS as a whole to create a series of buttons inspired by the material UI. With just enough JavaScript to make mouse events extra special.

Download Progress Animation

Multi Buttons

Order Button Animation

An animated order confirmation button with HTML, CSS and little JavaScript,

Press and Hold Button

Experiment with SVG syntax and CSS transitions to create a button allowing to open up three more options.

Processing Button

Micro-animations for a button which submits, processes and confirms the interaction.

Button + Canvas = Awesome

Using the canvas element to bring your button hover effects to a new level! These are just a few examples using the same approach with particles, now imagine the endless possibilities!

Dynamic Moving Pill-Button Background

Multi-Buttons - Animals

Multi-Button Pill

Neumorphic Buttons

Bounce Download Button

Download Button SVG CSS JS

Upload Buttons

Some upload animation buttons.

Play & Pause Button

Play Button. Some playful experimentations.

Button Hover Effects

Some more relative simple button hover effects.

Download Interaction

Cool download interaction in HTML, CSS and JS.

Add / Remove Button

An add-to-button microinteraction exploration.

Button - Hold to Confirm

Trying another button type where an extra confirmation is needed - for example if you publish or delete something. You will need to press the button for nearly 2 seconds to success.

Rocket Launch Button

Neumorphism Soft UI Buttons

Music Player Button

Easy Buttons for the Canvas with ZIMjs

Easy buttons with rollovers, backings, icons, toggle and wait states, patterns, tabs and more! ZIM provides JavaScript conveniences, components and controls for the Canvas and is powered by CreateJS with its solid Bitmap Object Model (BOM).