Pure CSS Facebook Emoji Reactions
Want to recreate the Facebook emoji reactions on your webpage? Checkout these pure CSS snippet designed by Ashish Bardhan. If you are having...
✦ Developer-First Web Tutorials & Free Templates
Architect your frontend with code templates, tutorials, & guides.
Open-source engineering perspectives on modern CSS layouts, JavaScript UI components, how-to tutorials, and curated code showcases.
TOP 11 CSS Panels
EXPANDING SECTIONS Expanding sections on hover. https://freefrontend.com/assets/img/css-panels/expanding-sections-on-hover-0012.mp4 Author James October 5, 2018 Links demo and code download (4kb *zip) Made with HTML / CSS...
More Guides & Articles
Browse All
Div To Fullscreen On Click
This snippet designed by Colin Lohner give you multiple divs that which clicked on will expand to fill up the screen. Clicking it...
Pure CSS Flat Design Carousel Ride
A fancy merry-go-round / carousel with horses animation in pure CSS designed by Vladimir Gashenko. It will look great on amusement park websites...
Wavey Ribbon Navigation Menu
Look at this smooth experimental navigation menu using SVG by Steve Gardner, it has 3 layers what looks like a wavey ribbon and...
CSS Only Transition For Sign In To Register
Here is a simple card UI inspired login form from Sean Mann that has a nice transition between the Sign In &...
TOP 15 jQuery Pagination
HOVER AND ACTIVE PAGINATION Hover and active state for pagination. https://freefrontend.com/assets/img/jquery-pagination-plugins/hover-and-active-jquery-pagination.mp4 Author Doğukan Çavuş September 15, 2019 Links...
TOP 24 jQuery Date And Time Picker Plugins
PICKADATE The mobile-friendly, responsive, and lightweight jQuery date & time input picker. Made by amsul November 16, 2012...
TOP 16 React.js Accordions
React Accordion Author Elaine Huang Made with CSS / Javascript [su_button url=”https://codepen.io/elainehuang/pen/XVNXrJ ” target=”self” style=”default” background=”#2D89EF” color=”#FFFFFF” size=”3″...
TOP 15 jQuery Countdown Plugins
JQUERY.COUNTDOWN The ultimate countdown plugin designed to fit in any coupon, auction site or product launch. Made by...
Image Slider Animation That Horizontally Slices And Combines Images For Each Slide
Here is a rather fancy image slider where the image gets sliced horizontally then slightly skewed and then flies away...
Pizza Toggle Switch In CSS
How cool would it be to see your favorite pizza shop use toggle switch use this design to show if...
Loading Text Wave Animation
A nice loading text animation designed by AhmedElmsery in pure CSS. Each character of the word loading is displayed with a...
TOP 20 HTML <figure> & <figcaption> with CSS
REALISTIC POLAROID FIGURES Realistic polaroid figures in HTML and CSS. Author Kyle Foster April 28, 2019 Links demo...
Kids Weather Animations In CSS
This set of weather icons in pure CSS was designed by ryuuseiistar. There are 5 styles to choose from sunny partly cloudy...
Download Button With Vertical Progress Indicator MicroInteraction
A simple but effective micro-interaction design for download buttons by Aaron Iker. When you click on one of the download buttons the down...
Blurry VHS Image Effect Filter
This is a retro glitch image effect for image galleries on your site by Sam Beckham. When you hover over an image the filter is removed...
Animated Blob Effect For Text
If you are having trouble with the pen, try the archived copy on GitHub See the Pen Animated Blobs...
TOP 25 HTML Funny 404 Pages
GHOST PAGE 404 https://freefrontend.com/assets/img/html-funny-404-pages/Ghost-HTML-Page-404.mp4 Author Diogo Gomes October 9, 2018 Links demo and code dribbble shot Made with...
TOP 14 jQuery Confirm Plugins
JQUERY CONFIRM Multipurpose plugin for alert, confirm & dialog, with extended features. Easy to use and highly flexible!...
TOP 12 jQuery Accordions
SIMPLE SLIDING ACCORDION Simple vertical sliding accordion with little jQuery. Author rajeshdn September 9, 2019 Links demo and...
Switching Radio Button Interaction Animation
Have a look at this really cool switching micro-interaction animation for radio buttons designed by Dronca Raul. The active and non-active radio buttons swap...