369 pure-css UI Design Examples

AMP Stories 2019

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

Laser Text Animation in CSS and Javascript

JS Laser Text Engraving In this text animation by Martin Pitt, we have a really smooth text laser engraving effect using splitting.js

distortion effect pure css Splitting.js text animation

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...

gradient pricing tables pure css

Loop-the-loop bike loader in CSS

Remember the loop from jackass? Want a similar loop-the-loop bike loader in pure CSS for your next website? This snippet by Adam Doherty might be just what you are...

loading animation pure css sports inspired

Pure CSS Skeleton Screen Gleam Animation for light, dark and grey mode Card UI

Here is a CSS only snippet to add that fancy skeleton screen gleam loading animation to your card UI inspired content blocks. You have multiple variations from light mode,...

card ui glint pure css skeleton screens

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...