TOP 51 CSS Background Patterns
TEXTURE Author Miriam February 11, 2020 Links demo and code Made with HTML / CSS CARDS WITH SIMPLE STRIPE BACKGROUNDS Author Ana Tudor February 10, 2020 Links demo and code…
Staff Appointment Booking Form
This staff appointment booking form was designed by Nathan Taylor. You get a list of staff members and you can click on one of them to select a date and…
Accordion Tab Navigation Menu And Hero Section Slider
This is a neat navigation menu that looks like accordion tabs and has a slider like an animation for the tabs, it will look great for the hero section of…
Clockwise Circle Fill Animation For Radio Button Selection
A simple mico interaction where you have a clockwise circle fill animation for radio button selection. This SVG snippet was designed by Andreas Storm. If you are having trouble with the pen, try the archived copy…
CSS Only Pricing Table With Gradient Background And An Expanding Subscribe Button
Have a look at this awesome little pricing table design by Paulo Ribeiro, it is in pure CSS and has a gradient background where the price is faded into the background. There are 3 columns for…
TOP 37 CSS Accordions
CSS-ONLY LINE BAR NAVIGATION Budging bars. CSS-only line bar navigation. Author @keyframers August 21, 2019 Links demo and code Made with HTML / CSS (SCSS) ACCORDION GALLERY CSS responsive accordion…
TOP 37 CSS Tables
ZIGZAG TABLE A table formatted in a zigzag diagonal layout. Author Chris Smith October 17, 2019 Links demo and code Made with HTML / CSS (SCSS) TABLE WITH FROZEN TABLE…
Concentric Circles Navigation Menu
This is an experimental navigation menu by Bennett Feely. When you click on the menu button on the top right it expands into a series of concentric circles to display the navigation menu, you can…
Folding Airline Boarding Pass Mobile UI
Code by: Yugam from Codepen If you are having trouble with the pen, try the archived copy on GitHub See the Pen Folding Ticket Detail by Yugam (@pizza3) on CodePen.
Smooth Gooey Radio Slider Button
Here is a very smooth gooey radio button designed by Gowri Prasanth V M. If you are having trouble with the pen, try the archived copy on GitHub See the Pen Gooey Switch –…
Image Particle Animation Effect
This is an awesome particle effect animation that can be applied to images. This snippet is by Yoichi Kobayashi using three.js and also has direct aware hover effects. The animation has a sparkly particle burning effect that starts…
Circular Badge With Ribbon
With this creative little badge snippet in pure CSS, you can add a bunch of CTA items to your website, it can work really well on service pages or portfolio pages. This was designed by LittleSnippets. and…