Includes landing page sections such as an animated hero product preview, logo marquee, feature grid, workflow and stats, testimonials, pricing table, FAQ, and closing call to action
Next.jsReactSaaSCorporate WebsiteStarter
lumen-lite — Next.js SaaS Template
By vigransamerpitak
Lumen Lite is a free, open-source landing page template for AI SaaS products, built with Next.js, React, Tailwind CSS, and TypeScript, offering light and dark themes and a full set of marketing sections.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage1 / 2
Desktop captureTop of page
Actual screenshot captured by the server browser.
All pages & views 2
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-08View source
What stands out
A quick read of the recorded project description.
Provides light and dark themes and handles theme flash during page load
All pages are statically pre-rendered and depend only on Lucide icons and tailwind-merge beyond Next.js
Copy, pricing plans, and FAQ are centralized in src/lib/site.ts, and colors are managed uniformly via CSS variables, making it easy to replace brand information
MIT-licensed, allowing free use, modification, commercial use, and distribution
Template Details
Lumen Lite is a free, open-source landing page template for AI SaaS products. The repository is MIT-licensed, and the code may be used, modified, used commercially, and distributed free of charge. The page includes an animated hero product preview, a logo marquee, a feature grid, a workflow and stats section, testimonials, a pricing table with monthly/annual toggle, an FAQ, and a closing call to action, plus a responsive navbar and footer. The template provides light and dark themes and handles theme flash on load. All pages are statically pre-rendered and depend only on Lucide icons and tailwind-merge beyond Next.js. Content is centralized in src/lib/site.ts, colors are defined as CSS variables at the top of src/app/globals.css, fonts are loaded via next/font in src/app/layout.tsx, and section order can be adjusted in src/app/(marketing)/page.tsx. The template covers only the landing page itself; it does not include post-login application screens such as a dashboard, AI chat, customer list, billing, or settings—those belong to the paid full suite Lumen by the same author. Before use, note that licenses for third-party assets such as demo images, fonts, and icons must be verified separately, and external services such as domain, hosting, database, payment, or AI may incur additional costs.
Next.jsReactSaaSCorporate WebsiteStarter
Is it right for your project?
Use Cases
- Building a marketing landing page for an AI SaaS product
- Using as a starting template for a corporate website or product introduction page
- Quickly validating the visual and content structure of a landing page in a Next.js project
- Developing marketing pages that require light and dark theme switching
Suitable For
- AI SaaS product teams that need a free, open-source landing page template
- Front-end developers using Next.js, React, Tailwind CSS, and TypeScript
- Individuals or small teams looking to build a product website at low cost and replace brand content themselves
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
Requires Node.js 20.9 or later
- 2
After cloning the repository, run npm install to install dependencies, then run npm run dev to start the development server, accessible by default at http://localhost:3000
- 3
Copy, pricing plans, and FAQ are located in src/lib/site.ts, color variables are at the top of src/app/globals.css, and fonts are configured in src/app/layout.tsx
- 4
Section order can be adjusted or removed in src/app/(marketing)/page.tsx
- 5
Third-party assets such as demo images, fonts, and icons must be verified separately under their respective licenses, and external services may incur additional costs
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version in the public repository under the MIT license; the free scope applies to that version's code and does not mean external services or third-party assets are free.
Must comply with when using
- The code of this version may be used, modified, used commercially, and distributed free of charge.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- Demo images, fonts, icons, and other third-party assets must be verified under their respective licenses and cannot be judged solely by the code's MIT license.
- External services such as domain, hosting, database, payment, or AI may incur additional costs.
- The paid full suite Lumen is a front-end suite only: AI chat uses sample replies, and login/signup screens are UI demonstrations only; you must connect your own model and authentication providers.
- The full Lumen suite is sold under a separate commercial license and is not covered by the authorization of this free MIT template.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
The full kit is a front-end kit: the chat runs on sample replies and the auth screens are interface only, so you connect your own model and auth provider.
Original README
https://github.com/vigransamerpitak/lumen-lite/blob/main/LICENSE.mdhttps://github.com/vigransamerpitak/lumen-lite/blob/main/README.mdThe full Lumen kit is sold under a separate commercial license.
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-08. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- More documented · 85 / 100
- Technologies
- Next.js · React
- Website type
- SaaS · Corporate Website · Starter
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2026-10-08
- Screenshot last checked
- 2026-10-08
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies Next.js as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Review declaration: [email protected] · 2026-10-09
Inspect the recorded source material
SHA-256: f14f8333190d14716b283bf9c524a6b6d4892c710cad5cb34e346506fc1a0c84
2026-10-08T18:21:25.741Z
Source file / repository# Lumen Lite A free, open-source landing page for AI SaaS products. Built with Next.js 16, React 19, Tailwind CSS 4 and TypeScript.  **[Live demo](https://lumen-eight-bice.vercel.app)** · **[Get the full kit](https://vigranpitak.gumroad.com/l/lumen-ai-saas-kit)** ## What's included - Hero with an animated product preview - Logo marquee - Feature grid - How-it-works steps and stats - Testimonials - Pricing table with a monthly / yearly toggle - FAQ and a closing call to action - Responsive navbar and footer - Light and dark themes with no flash on load Everything is statically prerendered, and the only dependencies beyond Next.js are Lucide icons and tailwind-merge. ## Getting started Requires Node.js 20.9 or newer. ```bash git clone https://github.com/vigransamerpitak/lumen-lite.git cd lumen-lite npm install npm run dev ``` Open http://localhost:3000. ## Make it yours - **Copy:** all text, pricing plans and FAQs live in `src/lib/site.ts`. - **Colors:** every color is a CSS variable at the top of `src/app/globals.css`. Change `--accent`, `--accent-fg` and `--accent-text` to rebrand. - **Fonts:** loaded in `src/app/layout.tsx` with `next/font`. - **Sections:** reorder or remove them in `src/app/(marketing)/page.tsx`. ## Need the app behind the landing page? Lumen Lite is the landing page from **[Lumen, the full AI SaaS starter kit](https://vigranpitak.gumroad.com/l/lumen-ai-saas-kit)**. The full kit adds everything that comes after the "Sign in" button, in the same design system, so the changes you make here carry straight over. | | Lumen Lite (free) | Lumen (full kit) | | --- | :---: | :---: | | Landing page | ✓ | ✓ | | Light and dark themes | ✓ | ✓ | | Dashboard with KPI cards and interactive charts | | ✓ | | AI chat with streaming UI, stop button and model picker | | ✓ | | Customers table with search, filters and pagination | | ✓ | | Billing page with plan, usage and invoices | | ✓ | | Settings with profile, notifications and API keys | | ✓ | | Sign in, sign up and reset password screens | | ✓ | | Step-by-step user guide (English and Thai) | | ✓ | ### Dashboard  ### AI chat  ### Billing  ### Customers  Try every page in the **[live demo](https://lumen-eight-bice.vercel.app/dashboard)**, then **[get the full kit on Gumroad](https://vigranpitak.gumroad.com/l/lumen-ai-saas-kit)**. The full kit is a front-end kit: the chat runs on sample replies and the auth screens are interface only, so you connect your own model and auth provider. The included guide shows where. ## License MIT. Use it for anything, including commercial projects. See `LICENSE.md`. The full Lumen kit is sold under a separate commercial license.
Explore similar templates
Compare previews and descriptions within the same stack and category.
Next.js SaaS Starter
The official Next.js SaaS starter template, integrating email/password authentication, Stripe Checkout subscriptions, a dashboard with user/team CRUD, basic Owner/Member RBAC, and activity logging.
Next.js · SaaS
Next.js Commerce
Vercel's officially maintained Next.js App Router ecommerce starter with deep Shopify integration, offering a complete product catalog, cart, and checkout flow. Core logic is modular for swapping backends, and community provider versions exist for BigCommerce, Medusa, and Saleor.
Next.js · E-commerce
Next-js-Boilerplate
A developer-first Next.js 16 starter with Tailwind CSS 4 and TypeScript, supporting both App Router and Page Router.
Next.js · Starter
tailwind-nextjs-starter-blog
A Next.js and Tailwind CSS blog starter template using Contentlayer for Markdown/MDX, with built-in SEO, code highlighting, and tags. It targets personal technical blogs and migration from Jekyll/Hugo to React, and supports one-click Vercel deployment.
Next.js · Blog
next-forge
next-forge is a Turborepo-based Next.js template maintained by Vercel, positioned as a starting point for SaaS products.
Next.js · Starter
SaaS-Boilerplate
SaaS-Boilerplate is an open-source SaaS starter template built with Next.js App Router, React 19, TypeScript, Tailwind CSS, and Shadcn UI.
Next.js · SaaS