Next.jsReactCorporate WebsiteStarter

starter (facade-ui) — Next.js Business Template

By facade-ui

A Next.js corporate website starter that assembles a complete landing page from Facade UI sections. Section source code is copied directly into the project and can be modified freely.

Open Source Site Download Source ZIP

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

2 previews

Desktop homepage1 / 2

Visit websiteOpens in a new tab

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-06View source

What stands out

A quick read of the recorded project description.

Landing page section source code is copied directly into the components/ directory, with no UI dependency packages to maintain

app/page.tsx provides a SaasLanding template, and sections can be added, removed, or reordered

Sample copy is centralized in content/sample.tsx; replacing that file switches to your own content

Design tokens live in styles/facade-tokens.css; override the shadcn color variables to adjust the theme

Provides a one-click Vercel deploy entry, and create-next-app can also initialize a project using this repository as a template

The repository includes AGENTS.md, which describes repository information for AI coding tools to reference

Template Details

This is a Next.js marketing site starter containing a complete landing page built from Facade UI sections. Unlike approaches that rely on npm packages, Facade UI section source code is copied into the project's components/ directory via the shadcn CLI, so there are no dependency packages to keep upgraded, and the code can be read and modified directly.

In terms of project structure, app/page.tsx uses the SaasLanding template with sample content filled in; components/sections, components/templates, and components/ui hold the Facade UI source code; styles/facade-tokens.css defines design tokens and is imported in app/globals.css. Overriding the shadcn color variables below that import location adjusts the theme. Sample copy is centralized in content/sample.tsx, and replacing it switches to your own content. The repository also includes AGENTS.md for AI coding tools to reference.

The tech stack is React 19, Next.js 16, Tailwind CSS v4, and Base UI. The README states that every Facade section is tested to WCAG 2.2 AA. The repository provides a one-click Vercel deploy button, and create-next-app can also initialize a project using this repository as a template. The code is MIT licensed, but third-party assets such as demo images, fonts, and icons require separate license checks, and external services such as domains and hosting may incur separate charges.

Next.jsCorporate websiteStarter

Is it right for your project?

Use Cases

Quickly drafting a corporate website or SaaS product landing page
Wanting to own and modify page section source code directly rather than depend on a third-party component library
Preparing to deploy to Vercel and needing a one-click clone-and-deploy entry
Collaborating with AI coding tools and needing repository context included

Suitable For

Frontend developers who need a single-page marketing site starter template
Teams comfortable editing component source code directly and not pursuing component library version upgrades
Projects using the Next.js and Tailwind CSS stack
Sites planned for deployment on Vercel

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

1
Initialize the project with npx create-next-app@latest my-site -e https://github.com/facade-ui/starter, then run npm run dev
2
Replace the sample copy in content/sample.tsx, and edit app/page.tsx as needed to add, remove, or reorder sections
3
Add more Facade UI sections with npx shadcn@latest add @facade/<name>
4
In app/globals.css, override the shadcn color variables below the facade-tokens.css import location to change the theme
5
Third-party assets such as demo images, fonts, and icons require separate license checks, and external services such as domains and hosting may incur separate charges

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the MIT license in the public repository; the free scope is that version's code and does not mean external services or third-party assets are free.

Must comply with when using

The code for 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 complete 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 require license checks under their respective terms and cannot be judged solely by the code's MIT license.
External services such as domains, hosting, databases, payments, or AI may incur separate charges.

View Original Text Basis

Permission is hereby granted, free of charge
Original License Text

https://github.com/facade-ui/starter/blob/main/LICENSE https://github.com/facade-ui/starter/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-06. 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 · 88 / 100
Technologies: Next.js · React
Website type: 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-06
Screenshot last checked: 2026-10-06

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-07

Inspect the recorded source material

SHA-256: 2166c178d9066853137cd8db2065f1a82e5fc903ccca6ea5a20a01400e4e7d66

2026-10-06T17:27:44.806Z

Source file / repository

# Facade UI starter

A Next.js marketing site with one complete landing page, built from [Facade UI](https://facadeui.dev) sections. The sections are copied into `components/`, so there is no package to depend on: read them, change them, keep them.

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Ffacade-ui%2Fstarter&project-name=my-site&repository-name=my-site)

## Start

```bash
npx create-next-app@latest my-site -e https://github.com/facade-ui/starter
cd my-site
npm run dev
```

Then:

1. Replace the copy in `content/sample.tsx`.
2. Edit `app/page.tsx` to add, remove or reorder sections.
3. Add more sections: `npx shadcn@latest add @facade/<name>`. See https://facadeui.dev/components.

## What is inside

- `app/page.tsx`: the `SaasLanding` template with sample content.
- `components/sections`, `components/templates`, `components/ui`: the Facade UI source, installed with the shadcn CLI.
- `styles/facade-tokens.css`: the design tokens, imported in `app/globals.css`. Override the shadcn colour variables below that import to change the theme, or generate one at https://facadeui.dev/docs/customise.
- `AGENTS.md`: notes for AI coding agents working in this repository.

Built with React 19, Next.js 16, Tailwind CSS v4 and Base UI. Every Facade section is tested against WCAG 2.2 AA.

## Licence

MIT.

Report a correction

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