Arrow Style Breadcrumb Navigation
Here we can see the classic breadcrumb navigation element with an arrow style background which helps users understand where they are on a website. This CSS only design by created by Zywave Team. If…
FAQ Content Style Accordion
Need to showcase some FAQ content on your site? This accordion by Katherine Kato will be a perfect choice. If you are having trouble with the pen, try the archived copy on GitHub See the…
Flashlight Mouse Pointer
In this snippet by Tommy Hodgins we can see the effect where the entire page is behind a fog of war like effect and is barely visible. When you move the mouse around you…
TOP 48 HTML UI Kits
VITAL HTML UI KIT Free HTML UI kit. Dependency: jQuery. Author GSS FED 2017 Links github page home page Made with HTML / CSS / JavaScript LITTLE UI DETAILS Little UI…
Shooting Star Background In Pure CSS
If you want to add a hero section with some fancy looking shooting stars in the background this snippet by Yusuke Nakaya is just what you need. If you are having trouble with the…
Client Testimonial Widget In Material Design
This client testimonial section can work well on a modern website that is influenced by material design, while the corners are rounded unlike traditional material design this can still look…
TOP 32 CSS Animation Libraries
IZMIR HOVER EFFECTS Izmir is a mini CSS library allowing you to quickly create beautiful image hover elements. Packed with a host of styling classes and custom properties, Izmir allows…
Spotify Like Dynamic Gradient Background Based On Image Colours
Ever wanted that dynamic background gradient colour that comes up in Spotify? Now you can get that same effect for you images with this pure CSS snippet. As you can see below, depending on…
Cool To Warm Gradient Color For Unordered List Numbers In Pure CSS
If you are having trouble with the pen, try the archived copy on GitHub See the Pen CSS Gradient Counter List by Mattia Astorino (@equinusocio) on CodePen.
TOP 60 CSS Arrows
FLIPPING ARROWS Flipping arrows made with css-doodle. Author Sagee Conway September 24, 2019 Links demo and code Made with HTML / CSS / JS AWESOME ARROW ICON Animated awesome arrow icon with…
Accordion Tab To Contact Form
This is a really cool list that expands to show more info when you click on it, kinda like an accordion tab. If you click on the button that is shown…
In Your Face CTA Buttons
Want to have a CTA button that is really in your face on one of your comical sites? Check out this bunch of pure CSS button animations by Olivia Ng. These buttons gets even crazier when…