SaaS product website template
Fluxboard
A crisp, product-led template for SaaS and software companies. Clean white canvas, violet brand colour and a coded dashboard hero instead of stock screenshots, plus bento feature grids with live-looking charts, a full product page, three-tier pricing with a comparison table, customer stories and a ready-to-publish blog for content-led growth.
$19$49
one-time, no subscription
Instant download · 7-day refund before first download
Every page, finished
9 pages · 43 sections · 17 photos
Design system
- Display face
- Inter Tight
- Body face
- Inter
- Header · footer · images
- pill · columns · rounded
- paper
#FFFFFF - surface
#F5F6FA - ink
#0B0C14 - muted
#5D6172 - line
#E5E7EF - brand
#5246F2 - brandInk
#FFFFFF - accent
#18C9E8
What’s inside
- Next.js 16 project — App Router, static export, TypeScript
- Astro 7 project — same components as .astro files
- Plain HTML — compiled Tailwind CSS, open index.html
- 17 photos as WebP at 1600px and 800px, plus the prompts
- All copy in one site.json — names, prices, hours, posts
- Working contact form markup (Formspree-ready) and thank-you page
- SEO titles, descriptions and Open Graph tags on every page
Sections used
- Centered hero
- Logo strip
- Bento grid
- Image + text
- Stats
- Testimonials
- FAQ
- Call to action
- Page header
- Story
- Feature grid
- Timeline
- Team
- Process steps
- Feature quote
- Pricing tiers
- Comparison table
- Contact form + details
- Info bar
- Newsletter
- Article grid
- Article layout
Next.js 16
App Router · static export
Astro 7
Components + content JSON
Tailwind 4
Theme as CSS variables
HTML
Compiled CSS, no build
About the saas product template
Can I replace the coded dashboard with my own product screenshots?
Yes. Swap the mock for an image key on the hero or any bento card. The coded version is there so the template looks finished on day one.
Does it support monthly and annual pricing?
The pricing tiers show one period by default with a note for annual savings. You can duplicate the section for an annual view.
Is it suitable for a developer tool or API product?
Yes. Rename the product page sections and change the bento items to SDKs, endpoints or integrations.
Can I use it for a client?
Yes — unlimited personal and client projects. You just can’t resell the template itself.
How do I change the business name, colours and photos?
Edit site.json for words and images; change the eight colour variables and two font names at the top of global.css. Every page follows.
Building for this industry? Read the SaaS website template guide.
