Stylish Table Design

Are you looking to add some visual flair to the tables on your website? Take a look at this pure CSS table design by Andrew Creech. If you are having trouble with the pen, try the archived copy on GitHub Table Design Snippet

Pure CSS Hamburger Menu Slide In

With this hamburger menu when you click on it, the navigation menu sidebar expands into view from the top left. If you are having trouble with the pen, try the archived copy on GitHub Hamburger Menu Slide In Snippet

CSS Only Hover Show/Hide Navigation Menu

Need a simple navigation menu on the left-hand side that is collapsed by default and is expanded when you hover over it? Look no further this CSS only navigation menu will help you easily achieve it. If you are having trouble with the pen, try the archived copy on GitHub Show Hide Nav Menu Snippet

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 the navigation menu appears in there. This can work well on a website that is looking to implement an out of the box design.   If you are having trouble with the... Continue Reading →

Toggle Switch With Lables

This toggle switch will look great on websites where you want to show a toggle option with lables on them. It was designed by Jarek Ostrowski. If you are having trouble with the pen, try the archived copy on GitHub Toggle Switch Snippet

Spilled Paint Animation on Click

With this snippet, we can see paint dripping from the top of the screen on mouse click. It was designed by Darryl Huffman and will look great in the hero section of any website. If you are having trouble with the pen, try the archived copy on GitHub Spilled Paint Snippet

Blurry Loading Quote Animation Effect

With this snippet by Dudley Storey the words of the quote randomly appear on the screen with a blurry effect. This snippet makes use of web-animations.js library. If you are having trouble with the pen, try the archived copy on GitHub Quote Animation Snippet

Deal With It Meme With CSS

This snippet shows you how to drop a sunglass on to a face to recreate the deal with it meme using a few images and CSS. Robin Rendle recreated the snippet from the footer of CSS-Tricks. If you are having trouble with the pen, try the archived copy on GitHub Drop Sunglasses to Face Snippet  ... Continue Reading →

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 page that is looking to add a simple file upload feature to the webpage.   If you are having trouble with the pen, try the archived copy on GitHub File Upload Snippet

Up ↑