35+ jQuery Buttons - Free Code + Demos

Collection of 35+ jQuery Buttons. All items are 100% free and open-source.

1. Button Slide

jQuery Buttons - Button slide
Button for an action that requires a exceptional confirmation.
Author: Aaron Iker (aaroniker)
Created on: September 11, 2018
Made with: HTML, SCSS, JS
Tags: button, form, ui, slide

2. Lumos Maxima Button Hover Effect

jQuery Buttons - Lumos Maxima Button Hover Effect
Author: Kenny (ispykenny)
Created on: July 22, 2018
Made with: HTML, SCSS, JS

3. Animated Hover Button

jQuery Buttons - Animated hover button
A simple button with a hover animation
Author: Sammy Helali (Lunoware)
Created on: July 3, 2018
Made with: HTML, CSS, JS
Tags: button, bubble, animated, simple, color

5. Social Share Buttons

jQuery Buttons - Social Share Buttons
Share button design for Alaska Airlines // need better animation.. (not finished yet!)
Author: Julie Park (juliepark)
Created on: April 24, 2018
Made with: HTML, SCSS, JS
Tags: alaska airlines, social-share, share-button, social-media, buttons

6. Like Button JQuery

jQuery Buttons - Like Button JQuery
Author: @keyframers (keyframers)
Created on: February 12, 2020
Made with: HTML, SCSS, JS
Tags: keyframers, heart, like, animation, button

7. CSS Particles Button

jQuery Buttons - CSS Particles button
CSS Particles effect "With a Click of a Button" ;) Inspired Dribble Shot from Gal Shir | https://dribbble.com/shots/3975065-With-a-Click-of-a-Button
Author: Nikhil Krishnan (nikhil8krishnan)
Created on: March 14, 2018
Made with: Haml, SCSS, JS
CSS Pre-processor: SCSS
JS Pre-processor: None
HTML Pre-processor: Haml
Tags: button, animation, particles, dribbbleshot, css

8. Button Hover Slide

jQuery Buttons - button hover slide
Hover slide effect from left to right
Author: creme (creme)
Created on: March 14, 2018
Made with: HTML, SCSS, JS
Tags: button, link, hover, slide, swipe

9. 2 Buttons In 1 POC V2

jQuery Buttons - 2 buttons in 1 POC v2
Author: Zed Dash (z-)
Created on: March 14, 2018
Made with: HTML, SCSS, JS
Tags: button, flat

10. Activate Button

jQuery Buttons - Activate Button
Activate Button i used after, before, transitions and animations
Author: Veronica (veronicadev)
Created on: March 6, 2018
Made with: HTML, CSS, JS
Tags: button, activate button, css3, animation, animated-button

11. Download Button

jQuery Buttons - Download Button
Material download button animation based on this https://dribbble.com/shots/3827515-Download-Icon Used CSS3 animation + jQuery trigger, svg + font-awesome.
Author: Andrei (thesheepman)
Created on: September 24, 2017
Made with: HTML, SCSS, JS

12. Quirky Button

jQuery Buttons - Quirky Button
Author: Adam Kuhn (cobra_winfrey)
Created on: January 9, 2017
Made with: HTML, SCSS, JS

13. UI Elements - SVG Animation

jQuery Buttons - UI Elements - SVG Animation
Author: Jean Paze (jeanpaze)
Created on: October 31, 2016
Made with: HTML, CSS, JS
Tags: svg, animation, ui, gsap, tweenmax

14. Submit Button Concept

jQuery Buttons - Submit Button Concept
Author: Guy Waldman (guywald)
Created on: August 16, 2016
Made with: HTML, Sass, JS

16. Send Button Interaction Animation

jQuery Buttons - Send button interaction animation
Author: Irem Lopsum (iremlopsum)
Created on: August 24, 2015
Made with: Pug, SCSS, JS
CSS Pre-processor: SCSS
JS Pre-processor: None
HTML Pre-processor: Pug
Tags: button, interaction, animation, css, funky

17. Animated Submit Button

jQuery Buttons - Animated Submit Button
A simple animated Submit button using CSS, JS and jQuery.
Author: Zach Cole (zachacole)
Created on: April 25, 2015
Made with: HTML, CSS, JS
Tags: css, js, jquery, animation, button

18. Submit Button (GSAP Edition)

jQuery Buttons - Submit Button (GSAP Edition)
This is my GSAP based attempt to recreate (Colin Garven's submit button concept) [https://dribbble.com/shots/1426764-Submit-Button ] using SVG.
Author: auginator (auginator)
Created on: August 4, 2014
Made with: HTML, SCSS, JS
Tags: submit, rebound, svg, gsap

19. Submit Button

jQuery Buttons - Submit Button
Author: Tamino Martinius (Zaku)
Created on: August 6, 2014
Made with: HTML, Stylus, CoffeeScript
Tags: svg, animation, submit, button

20. Flyaway Send Button

jQuery Buttons - Flyaway Send Button
A basic CSS animation that makes a paper airplane fly out of this "Send" button when clicked.
Author: Adrian Del Balso (adelbalso)
Created on: June 17, 2014
Made with: HTML, Stylus, JS
Tags: css, animation, button, send

21. Material Design Ghost Buttons

jQuery Buttons - Material Design Ghost Buttons
Comparison with centered ripple effect, and mouse relative ripple effect
Author: Marco Fugaro (marco_fugaro)
Created on: May 12, 2015
Made with: HTML, SCSS, JS
Tags: material, button, effect, ghost

22. 3D Download Button W/ Meter Progress

jQuery Buttons - 3D Download Button w/ Meter Progress
Animated download button (icon uses one i element) with 3D transition download meter progress bar. Coded off of .sketch mockup file, attached: https://docs.google.com/file/d/0B2_87exeIkPUaWhra2RacGx3MmM/edit?usp=sharing
Author: Terence Devine (tdevine33)
Created on: September 23, 2013
Made with: HTML, SCSS, JS
Tags: 3d, button, download, css, animation

23. Floating Action Button

jQuery Buttons - Floating Action Button
An easy and highly customizable Floating Action Button that shows hidden content on hover. With Bootstrap 3, jQuery and Font Awesome icons.
Author: Vinícius Stutz (vinicius-stutz)
Created on: August 31, 2016
Made with: HTML, CSS, JS
Tags: jquery, bootstrap, css3, menu

24. Jquery Toggle Button

jQuery Buttons - Jquery Toggle Button
iOS style toggle switch button using jquery and css
Author: Auger (AugerDav)
Made with: HTML, SCSS, JS

25. Social Share Button

jQuery Buttons - Social Share Button
Just another share button.
Author: Kyle Lavery (kylelavery88)
Created on: February 22, 2016
Made with: Pug, SCSS, JS
CSS Pre-processor: SCSS
JS Pre-processor: None
HTML Pre-processor: Pug
Tags: share, fab

26. Floating Website Chat Button (Intercom Inspired)

jQuery Buttons - Floating Website Chat Button (Intercom Inspired)
inspired by https://www.intercom.com/ tried to add a floating chat button for support
Author: neil kalman (neilkalman)
Created on: February 19, 2017
Made with: HTML, SCSS, JS

27. JQuery +3D Css Button

jQuery Buttons - jQuery +3D css button
Button created for the gamers league project v2 version
Author: Carlos G Notario (CarlosGNotario)
Created on: May 28, 2015
Made with: HTML, CSS, JS
Tags: button, matrix, 3d, jquery

28. JQuery Print Button

jQuery Buttons - jQuery print button
Testing some printing options for a new project.
Author: sheriffderek (sheriffderek)
Created on: September 12, 2013
Made with: HTML, Stylus, JS

29. Jquery Like Button

jQuery Buttons - jquery like button
Author: Mike Mathew (drumsensei)
Created on: June 9, 2016
Made with: HTML, SCSS, JS

30. Material Design Button Ripple JQuery Plugin

jQuery Buttons - Material Design Button Ripple jQuery Plugin
A JQuery plugin implementation for Material Design button ripples. Includes a LESS stylesheet for dynamically generating color schemes.
Author: Young Park (parkyoung555)
Created on: August 22, 2017
Made with: HTML, Less, JS
Tags: material design, buttons, jquery, ripple, ui