26 Best Next.js SaaS Website Examples

I found the best Next.js saas websites to share for inspiration. Only 0.1% of reviewed website designs make it onto this list! Each website example includes a tall screenshot, a link to the live site, and the platform it was built on.

Private equity website — minimal, sophisticated serif design in olive, white, and charcoal. "Investing our capital 'with a purpose'"

Bregal

Next.js

This private equity firm site uses serif italics for headlines and pairs aerial cornfield photography with "Investing our capital 'with a purpose'" to embed ESG messaging into the visual narrative.

Web3 infrastructure website — minimal, clean typography design in black, white, and gray. "Verifiable data provenance for every application."

Livy

Next.js

This verifiable computing infrastructure site contrasts grayscale atmospheric hero imagery with a "guarantee what data is being used and generated" problem statement split across black and light gray text.

Event technology website — clean, modern serif typography design in warm cream, deep green, and gold. "Increase Your Event Attendance By 40%."

ShowUp

Next.js

This event attendance SaaS site opens with "Increase Your Event Attendance By 40%." and contrasts email's 18% open rate against SMS's 98% in a bar chart.

B2B SaaS product management website — clean, modern typography design in green and gray. "Auto-Generate & Prioritize Your Roadmap with AI"

Aligno

Next.js

This product ops SaaS site sells AI roadmap automation with "Your product intelligence is trapped in silos" as the friction point.

Mentoblo

Next.js

This tutoring software site structures value through three pillar cards—Growth Engine, Operating System, AI Copilot—each detailing feature clusters rather than individual benefits.

Creator economy website — sleek, typographic design in dark navy and purple. "Receba donates com a menor taxa do mercado."

Alertpix

Next.js

This streamer monetization site undercuts competitors with a giant "2%" watermark and a comparison table showing "Na alertpix você recebe: R$ 96,00" versus R$ 85,00 elsewhere.

Dark

Apollo

Next.js

This sales intelligence site leads with a cream hero, then stacks social proof logos, a pull quote, and oversized stat cards from customer case studies.

Minimalist, clean SaaS scheduling website with modern typography and neutral colors. "The better way to schedule your meetings"

Cal

Next.js

This scheduling platform site sells customization with a three-card "How It Works" grid showing calendar integration, availability setting, and meeting type selection.

Gaming tools website — sleek, modern typography design in dark purple and teal. "Next level ROBLOX moderation"

Blox.report

Next.js

This Roblox moderation tool site uses a purple-blue aurora gradient glow behind the hero headline and game thumbnails as a mosaic social proof backdrop.

Dark

Huly

Next.js

This team productivity SaaS site uses a sci-fi light beam effect rising from a dark hero into white space, positioning itself as "an all-in-one replacement of Linear, Jira, Slack, and Notion."

Modern

Buffer

Next.js

This social media management site leads with "Grow your audience on social and beyond" and uses overlapping product UI cards to preview the scheduling dashboard.

AdTech website — sleek, modern typographic design in dark, minimalist colors. "TV Advertising made simple"

Vibe.co

Next.js

This streaming TV advertising platform leads with "TV Advertising made simple" and backs it with live campaign metrics—ROAS: 143%, Sales: 1,513—embedded in the hero mockup.

Conversion rate optimization website with a playful, bold, and irreverent startup landing page design in white, pink, and black. "I'm taking a break from roasting 🔥"

Roastd

Next.js

This conversion optimization service site uses sticky-note annotations with profane roasts overlaid on a browser mockup to demonstrate its critique approach.

Productivity software website — modern, minimalist typography design in white, black, and warm coral. "The AI workspace that works for you."

Notion

Next.js

This productivity platform site structures the hero with a serif headline and three hand-drawn character avatars, then showcases feature cards with warm background colors and integrated UI mockups.

Productivity software website — clean, minimal typography design in white and blue. "A simple to do list to manage it all"

Any.do

Next.js

This productivity app site emphasizes "manage it all" with a hand-drawn blue squiggle underline on the hero headline, then layers device mockups showing the same interface across laptop, tablet, and phone.

Pitch

Next.js

This presentation software site sells deal-closing with "Win more deals. Pitch." and glossy purple 3D shapes floating in the hero gradient.

SaaS form builder website — clean, playful serif and sans-serif typography in white, black, and pink. "The simplest way to create forms"

Tally

Next.js

This form builder site leads with "The simplest way to create forms" and scatters hand-drawn doodles (checkmarks, "Yes!", rating stars) around the hero to reinforce playfulness.

Freelance web development portfolio website — modern, bold, personal branding in monochrome black and white. "RHYTHM SHAHRIAR"

Rhy

Next.js

This freelance developer portfolio uses a glitch-distorted display typeface for the hero name and embeds a hand-drawn face sketch overlapping the typography.

Productivity software website — friendly, modern SaaS design in coral, navy, and soft blues. "Say goodbye to messy files"

Riffo

Next.js

This file-management SaaS site demonstrates AI benefits through a before-and-after card showing "Receipt_2024-08-21_TravelExpenses.jpg" transforming into organized, readable names.

B2B data analytics platform website — clean, modern typography design in black, white, and red. "THE ONLY DATA PLATFORM YOUR STARTUP WILL EVER NEED"

Airbook

Next.js

This data platform site leads with an all-caps value prop and uses tabbed feature cards with embedded testimonials and side-by-side mockups.

Simple

Craft

Next.js

This docs SaaS site leads with serif typography and "Craft the best docs in the world," positioning premium document creation against Notion and Google Docs.

Sleek, modern Web3 creator content platform with bold, geometric typography and bright yellow accents. "Discover Blueprint x Zerion: Week 9"

Next.js

This Web3 content platform organizes creator work into weekly cohorts with horizontal scrolling cards, yellow "Mint" buttons, and a leaderboard ranked by engagement metrics.

Sleek, modern restaurant technology website with minimal dark mode design and bold white typography. "A first-of-its-kind multichannel POS system"

Otter

Next.js

This restaurant POS site organizes features into three labeled columns—Operate, Monitor, Grow—with color-coded icons for each functional category.

Dark

Cursor

Next.js

This AI code editor site leads with a rainbow aurora gradient and positions itself through developer shorthand: "Tab, tab, tab" predicts your next edit.

Colorful

France TV

Next.js

This French public television streaming site organizes content in horizontal scrolling card rows with live-broadcast red badges and episode-count badges layered on thumbnails.

Dark

SaaS workflow automation website — clean, warm, professional serif design in deep green and orange. "Automate without limits"

Zapier

Next.js

This workflow automation site opens with a serif headline "Automate without limits" and uses a scrollable card carousel to surface use-case categories like "Lead management" and "Revops."

1–26 of 26

About this collection

This is a collection of websites organized by the platform they are built on, category, and sometimes tags and the creator. They're here for inspiration. Most websites made it into this collection because they have beautiful designs, while others showcase exceptional copywriting or information architecture.

What this page contains

This page showcases 26 website examples built with Next.js in the SaaS category. Each website includes a tall screenshot, a link to the live site, the platform it was built on, and a description (generated with AI).

Quality may vary by category or platform

Some sites aren't an absolute 10/10, but they shine relative to their categorization. For example, categories like Notary or HOA don't reach the same design heights as Designer or SaaS sites. They're still included so people in those industries have relevant references when building their website.

How these websites are picked

While I won't reveal the exact details of my curation process (so competitors can't copy), I can share that:

They are all organically sourced (i.e., I don't copy other inspiration galleries)
It's an arduous process to find these gems. I typically review 10,000 sites to discover just 10 worthy additions.

The purpose of this collection

There are two primary reasons people view these website examples:

To find design, copy, or general website inspiration from similar businesses in their industry
To explore the capabilities of website platforms before making a decision

Oh yes, and affiliate marketing. I'm part of affiliate programs for some of the platforms, so if you purchase after clicking a link, I may earn a commission.

Want to suggest a site?

Reach out to me on LinkedIn.