DEV Community

BuildNova
BuildNova

Posted on

I built a full SaaS admin dashboard in pure HTML/CSS — 5 pages, zero dependencies

Every SaaS product needs a dashboard. But most dashboard templates require React, a UI library, and 20 npm packages just to get started.

So I built one in pure HTML/CSS.

What's inside

5 complete interactive pages:

Dashboard

  • 4 metric cards with trend indicators
  • Revenue bar chart
  • Traffic sources donut chart
  • Recent transactions table
  • Live activity feed

Analytics

  • Conversion funnel visualization
  • Top pages by visits
  • Weekly active users chart

Users

  • Full user management table
  • Avatar initials, plan badges, status indicators
  • Sortable and searchable

Billing

  • 3-tier pricing plan selector
  • Payment method management
  • Invoice history

Settings

  • Profile information form
  • Notification toggles (interactive)
  • Danger zone

Why pure HTML?

Most dashboard templates are framework-specific. This one works with anything — just open the file and start editing.

No build steps. No npm install. No React required.

Tech used

  • Pure HTML + CSS
  • Minimal vanilla JS for sidebar navigation
  • Inter font from Google Fonts
  • Zero external dependencies

Available at buildnova.gumroad.com — live preview at buildnova-hq.github.io/ui-kit

What would you add to make this more useful?

Top comments (0)