TOP 50 jQuery Menus
ONE PAGE SCROLLY THING Author Joshua Ward November 11, 2018 Links demo and code Made with HTML (Pug)...
✦ 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.
Mega Menu With Blog Posts And Categories
Here is a nice snippet to showcase both categories or services along with related blog posts within the navigation menu dropdown. This pure CSS snippet also has...
More Guides & Articles
Browse All
Pure CSS Corner Ribbons
Corner ribbons are usually a great way to highlight something in card UI designs. In this snippet, you will have the code...
Submit Button With Loading Animation On Click
This cool code snippet by Elior Shalev Tabeka gives user direct feedback upon submit button with built-in loading indicator. When you click...
A Simple Upload Button Animation
Check out this cool upload button animation designed by Eva Lettner. When you click on the upload button, the circular space...
Windows 10 Toggle Button In Pure CSS
Want to use the Windows 10 toggle switch in your next web project? No worries use this handy little snippet...
Product Review Card UI With Rating Score
This card UI is great if you want to add a review card to your website. In this example, we...
Five Star Rating System For Emails
With this snippet, you can show a five-star rating snippet in your email campaigns. Something like this will work well...
Button Border And Text Color Fill On Hover
With this CSS only snippet designed by Giana has a cool button animation when you hover over it, the colour...
Change Background Gradient On Scrolling
This is a stunning effect when you want to animate you background with gradients that changes on scroll. This CSS only snippet was designed by Mike....
Vertical Column Image Expanding On Hover Animation
Check out 4 different image gallery hover animation effect using Swiper.js by Khanh. In the 1st vertical accordion like gallery when you hover over the image has...
Vanilla Javascript And CSS Sticky Floating Video On Page Scroll
Have you seen those sites where you play a video and scroll down and there is a video thumbnail like...
Material Design Add To Cart Button With Modal Popup
This is a simple add to cart button designed by Jack Oliver. When you click on the cart image button, you get...
Pure CSS Solid Colour Slide Puzzle Style Loading Animation
With this loader animation, which is done in pure CSS you can see that it looks like a slider puzzle with...
Soccer Ball Hexagon Pattern Loader
A very simple SVG soccer ball hexagon pattern loader for sports websites by Eyal Cohen. If you are having trouble with the pen, try the archived...
Lego Style Loading Animation
This lego inspired loading animation designed by Chris Gannon shows a bunch of lego blocks moving around. If you are...
Google SVG Logo Using GreenSock Animation
Check out this cool elegant Google logo using GreenSock animation. Designed by Alexey. If you are having trouble...
Simple File Upload UI
Here is a simple material ui inspired file upload interface designed by Rico Sta. Cruz. It will look great on any...
Square Animated Spinners
Here are a bunch of pure CSS animated spinners that you can use in various web design projects, designed by Natali Davydova. There...
Loop-The-Loop Bike Loader In CSS
Remember the loop from jackass? Want a similar loop-the-loop bike loader in pure CSS for your next website? This snippet by Adam...
TOP 25 HTML & with CSS
with CSS
DETAILS ELEMENT A details HTML element with a custom arrow in SVG, no JavaScript. https://freefrontend.com/assets/img/html-details-and-summary-with-css/html-details-element-custom-arrow.mp4 Author Niels Voogt May 24, 2019...
TOP 16 jQuery Map Plugins
JQVMAP JQVMap is a jQuery plugin that renders Vector Maps. It uses resizable Scalable Vector Graphics (SVG) for...