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

Attention-grabbing marquee text on a button

This is a button that I came across on wickret.cuberto.com and thought there might be some landing pages where you want the visitors to notice the CTA button, it’s...

button CTA deconstruction hover animation pure css

Shimmering Neon Text

If you need to add some neon effect to your text then this snippet by Giana is just what you need. This effect can be achieved using pure CSS.

neon pure css text animation

Animated Pricing Cards with Neon Buttons

An impressive pricing table with neon buttons that has some subtle animation on hover designed by Jamie Coulter. The pricing table has an image section that does a horizontal...

button hover animation neon pricing tables pure css

Image Grid with KenBurns and Description on Hover

This Pure CSS image gallery was designed by Giana, it offers direction aware hover effect by bringing up the description associated with each image and a ken burns effect...

direction aware hidden content hover animation image effects image gallery Ken Burns pure css

15 Amazing Free UI/UX Kits

The CodeMyUI team has put together a list of 15 Free UI/UX kits that we think will not only inspire you as you deliver world-class solutions for yourself and...