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

Minimalist Cafe Menu Design

You can use this CSS only responsive cafe menu design by Elliott Quinn to show the menu and some other details like opening hours, location, etc

minimalist mobile optimised pure css

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.

animation hero section pure css

Awesome Box Shadow Effect for Card UI

Check out this simple but effective CSS snippet of using 2 box-shadow, the second one with a bigger blur and opacity. Works well on card UI elements.

card ui pure css shadow

Load Multiple Videos from an Unordered List

With this snippet designed by Corey Roth you have an unordered list on the right and a video on the left. When you click on each item in the...

list pure css video

Call Button With Ring Effect on Hover

Here are 2 icons a landline and a mobile icon that doubles up as call buttons. When you hover over these it vibrates and a music notes emoji flies...

button hover animation microinteractions pure css

Pages: First Page1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071Last Page