DEV Community

Nexflow Studio
Nexflow Studio

Posted on

I built my first SaaS landing page template — here's what I learned

I spent time building a real project instead of just following tutorials.

The result is Nexflow — a dark-themed SaaS landing page template built with HTML, Tailwind CSS, and Alpine.js.

Live demo: https://nexflow-ui.netlify.app

What's inside

  • 11 fully designed sections
  • Pricing toggle (monthly/annual)
  • FAQ accordion
  • Animated logo ticker
  • Fully responsive on all devices

Tech stack

  • HTML5
  • Tailwind CSS via CDN
  • Alpine.js via CDN

No npm. No webpack. No configuration needed. Just open index.html in browser and edit.

Why I built this

I wanted to build something real instead of just following tutorials. This is my first proper project and I learned a lot about component structure, responsive design, and keeping code clean without a build system.

Get it here

Available for $15 on Gumroad:
https://jaisurya2.gumroad.com/l/nexflow-dark-saas-landing-page-template

Feedback welcome — still learning and improving!
webdev
html
beginners
showdev

Top comments (1)

Collapse
 
thiaodwcommits profile image
Conversion Patch

Congrats on shipping this. One conversion note: the demo explains the format well, but a cold visitor still has to infer the buyer outcome. I would move one concrete promise (for example, who gets what result and how fast) next to the $15 CTA, then use the feature list as proof. A before/after screenshot could make that promise feel real. I run small $10 teardowns paid only after approval; happy to share a quick three-point note if useful.