DEV Community

BuildNova
BuildNova

Posted on

I built a 50+ component UI kit in pure HTML/CSS — no frameworks, no npm

Every SaaS project I started, I kept rebuilding the same UI components over and over.

Buttons. Cards. Pricing tables. Modals. Toggles.

So I built a complete UI kit in pure HTML/CSS — no React, no Tailwind, no npm install required.

What's inside

50+ components including:

  • Buttons — 5 variants, 3 sizes, loading state
  • Badges & labels — 5 color themes
  • Form inputs — with error/success states
  • Alerts — success, info, warning, danger
  • Metric cards — with trend indicators
  • Pricing table — 3-tier with featured card
  • Data table — with status badges
  • Modal dialog
  • Tooltips — CSS only, zero JS
  • Avatars & avatar groups
  • Progress bars
  • Interactive toggles and tabs
  • Notification component

Why pure HTML/CSS?

Most UI kits require React, Vue, or a specific framework. This one doesn't.

Open the file in any browser, copy what you need, paste into your project. Works with any stack.

Who is this for?

  • SaaS founders building MVPs fast
  • Indie hackers who don't want to design from scratch
  • Developers who want clean dark-mode components

Available at buildnova.gumroad.com — $9 for the full kit. direct link -[https://buildnova.gumroad.com/l/uikit-buildnova]

Would love feedback from the dev community — what components am I missing?

Top comments (0)