354 pure-css UI Design Examples

Pure CSS Code Snippets

In this section, you will find pure CSS examples or HTML elements designed in only CSS to give it some sassy effects. Traditionally one might sue JS and other things to achieve similar effects but there are purely CSS only.

From accordion, slider to dropdown navigation menus you can find a lot of CSS only code snippets in here. With the code snippets from this section, you can recreate these effect on your website with no coding experience.

Part of:	buttons, Search, …
What it does:	create awesome designs and animations without Javascript

HTML, CSS Code Snippets for pure css

Pure CSS Slide Out Navigation Menu

A menu navigation designed by Max Kurapov. The menu sits on the right corner and slides into view when you hover over it.

hover animation navigation menu pure css

Text With Picture Background in Pure CSS

Ever wanted to put an image into a text, there are some easy ways to do this in Photoshop but what if you want this on a web page...

image effects pure css text animation

Unordered List as Tag Cloud in Pure CSS

Lists offers a great way to organize content on websites, this pure CSS snippet was designed by Faizan Asad to convert a simple unordered list into a stunning tag...

list pure css

Text Fading Away on Top as You Scroll Up

This will look great on any blog type site where you want to add a fade in effect for the content area. The top and bottom bits have a...

pure css scroll animation text animation

Adaptive Pricing Table in Pure CSS

If you are looing for a modern pricing table layout that works across all screens this is the snippet for you. The pricing table adapts to different screen sizes...