DEV Community: BuildNova

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

BuildNova — Thu, 11 Jun 2026 10:51:23 +0000

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?

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

BuildNova — Thu, 11 Jun 2026 05:28:01 +0000

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?

I built 3 SaaS landing page templates so founders can stop wasting time on landing pages

BuildNova — Wed, 10 Jun 2026 10:08:21 +0000

Every time I started a new SaaS project, I faced the same problem.

I'd spend 2-3 days building a landing page from scratch — navbar, hero, features, pricing, testimonials — before writing a single line of actual product code.

So I decided to fix that once and for all.

What I Built

I created 3 professional HTML landing page templates specifically for SaaS founders and developers.

No React. No Next.js. No npm install. Just a single HTML file you open, edit, and deploy in minutes.

⚡ NovaSaaS

Clean, modern, purple accent. Built for any SaaS product.

Includes:

Navbar with CTA
Hero section with dashboard mockup
Features grid
Pricing table (3 tiers)
Testimonials
Footer

🖥️ LaunchPad

Bold dark mode with terminal hero visual. Built for dev tools and tech startups.

Includes:

Dark mode design
Terminal style hero
Features section
Pricing table
Testimonials
Footer

📋 FlowBase

Minimal, light, serif typography. Built for B2B and productivity tools.

Includes:

Split hero layout
Task UI mockup
Features section
Pricing table
Testimonials
Footer

Why Single HTML Files?

Most templates require a framework, a build tool, or a package manager. That adds complexity before you've even written your first line of product code.

Single HTML files mean:

Open in browser instantly
Edit in any text editor
Deploy to GitHub Pages, Netlify, or Vercel in minutes
No dependencies to maintain

Where to Get Them

All 3 templates are available at buildnova.gumroad.com — $5 each or $12 for the full bundle.

Would love feedback from the dev community — what would make these more useful for your next project?