The power of pure CSS
Write, run and share components built only with HTML and CSS. Browse the community library or start creating in seconds.
- Elements
- 253
- Creators
- 1
- Categories
- 15
Browse pure CSS by category
Popular creations
View all →Birthday Cake Candle
by @admin · Css Animation
Gradient Hover Effect
by @admin · Css Animation
Flame Animation
by @admin · Css Animation
Candle Flame Animation
by @admin · Css Animation
3D Cutout Card Hover effect
by @admin · Cards
CSS-Only Testimonials Using Scroll Snap
by @admin
Radial Menu Hover
by @admin · Menu
RGB Loading Effect
by @admin · Loaders
Frequently asked questions
What is Purely CSS?
Purely CSS is a free playground and library of pure CSS components. You can browse buttons, loaders, cards, menus and animations built with HTML and CSS only, copy the code, or write and publish your own.
What does pure CSS mean?
Pure CSS means a component is built with only HTML and CSS, with no JavaScript. It loads fast, works in any project and is easy to customize.
Is Purely CSS free to use?
Yes. Browsing, copying code and using the playground are free. Donations are welcome but never required.
How do I use an element in my project?
Open an example, copy the HTML and the CSS, and paste them into your page. There is nothing to install and no JavaScript to load.
Can I publish my own CSS creations?
Yes. Create a free account, verify your email, write HTML and CSS in the playground and publish it. New elements are reviewed before they appear in the public library.
Do I need JavaScript for these examples?
No. Every element in the library is built with HTML and CSS only, and the site blocks scripts in published elements.