20 JQuery Buttons

freefrontend.com freefrontend.com2 years ago in#Dev Love83

A collection of hand-picked jQuery buttons code examples. CSS Buttons React Buttons Author Aaron Iker September 11, 2018 About a code Button Slide Button for an action that requires a exceptional confirmation. Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: no Dependencies: jquery.js, jquery-ui.js, jquery.ui.touch-punch.js About a code Lumos Maxima Button Hover Effect Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: no Dependencies: jquery.js, fontawesome.js Author Sammy Helali July 3, 2018 About a code Animated Hover Button A simple button with a hover animation. Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: no Dependencies: jquery.js Author Valery Alikin May 10, 2018 About a code Alignment Buttons Alignment buttons UI with GSAP and jQuery based on dribbble shots. Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: no Dependencies: jquery.js, tweenmax.js Author Julie Park April 24, 2018 About a code Social Share Buttons Animated share button design. Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: no Dependencies: – About a code Like Button Like button with animation in jQuery. Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: no Dependencies: jquery.js Author Nikhil Krishnan March 14, 2018 Made with HTML (Haml) / CSS (SCSS) / JS About a code Particles Button Particles effect with click of a button. Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: no Dependencies: jquery.js About a code Button Hover Slide Hover slide effect from left to right. Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: yes Dependencies: jquery.js About a code Two Buttons in One Flat two button in one with jQuery. Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: no Dependencies: jquery.js About a code Activate Button Activate button made with ::after, ::before, ::transition, animation and jQuery. Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: no Dependencies: jquery.js Author Andrei September 24, 2017 About a code CSS3 + JS Download Button Material download button animation based on dribbble shot. Used CSS3 animation, jQuery trigger, SVG + Fontawesome. Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: no Dependencies: jquery.js Author Adam Kuhn January 9, 2017 About a code Quirky Button Hover and click effect for flat button in jQuery. Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: no Dependencies: jquery.js Author Jean Paze October 31, 2016 About a code UI Elements – SVG Animation Animated buttons in SVG with jQuery ang GSAP Tweenmax. Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: no Dependencies: jquery.js, tweenmax.js, timelinemax.js, drawsvgplugin.js Author Guy Waldman August 16, 2016 About a code Submit Button Submit button concept in jQuery. Compatible browsers: Chrome, Firefox, Opera, Safari Responsive: no Dependencies: jquery.js Author Rune Sejer Hoffmann March 6, 2016 About a code Download Button Download button with jumping ball animation with little jQuery. Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: no Dependencies: jquery.js Author Irem Lopsum August 24, 2015 Made with HTML (Pug) / CSS (SCSS) / JS About a code Send Button Interaction Animation Send button with progress bar in jQuery. Compatible browsers: Chrome, Edge (partial), Firefox, Opera, Safari Responsive: no Dependencies: jquery.js About a code Animated Submit Button A simple animated Submit button using CSS, JS and jQuery. Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: no Dependencies: jquery.js About a code Submit Button Submit button GSAP edition. Compatible browsers: Chrome, Firefox, Opera, Safari Responsive: no Dependencies: jquery.js, tweenmax.js Author Tamino Martinius August 6, 2014 Made with HTML / CSS (Stylus) / JS (CoffeeScript) About a code Submit Button SVG submit button with animation in jQuery. Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: no Dependencies: jquery.js Author Adrian Del Balso June 18, 2014 About a code Flyaway Send Button A basic CSS animation…

Like to keep reading?

This article first appeared on freefrontend.com. If you'd like to keep reading, follow the white rabbit.

View Full Article

Leave a Reply