Skip to content

Case study · Next.js / CSS Library

Purely CSS

My own product: a free library of pure HTML and CSS components

Homepage of Purely CSS - a Next.js / CSS Library website built by Jun-Jun Ragodos

The project

Purely CSS collects UI components built with nothing but HTML and CSS - buttons, loaders, hover effects, cards, menus, sliders and more, across 15 categories. Developers can copy any of them into their own projects, with no JavaScript needed.

I built the site in Next.js. Anyone can browse and copy the library; members create a free account, verify their email, write HTML and CSS in the playground and publish it. New elements are reviewed before they appear in the public library.

What I did

  • Next.js site, designed and built end to end
  • Component library browsable by category
  • HTML and CSS playground for writing components
  • Accounts with email verification, and reviewed publishing