Next.jsReactStarter

dev-ui-templates — Next.js Starter Template

By kumard3

DevUI's official open-source UI template collection, including Next.js-based AI starter templates and 13 standalone legacy templates, under the MIT license.

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

What stands out

A quick read of the recorded project description.

Includes three Next.js starter templates: AI SaaS Landing, AI Chat, and AI Agent Dashboard

The three AI templates share the @devui/ui design system, with color tokens centralized in packages/ui/tailwind-preset.ts

Provides a deploy.sh script supporting deployment to Vercel and Cloudflare; see DEPLOY.md for more options

Also includes 13 standalone legacy templates, template-1 through template-13, covering NFT, portfolio, and agency landing pages

Under the MIT license, permitting free use, modification, commercial use, and distribution

Template Details

This repository gathers DevUI's free and open-source UI templates under the MIT license. It is divided into two parts: AI starters and legacy templates.

The AI starters section contains three templates: AI SaaS Landing, AI Chat, and AI Agent Dashboard. The README states they are built on Next.js, TypeScript, and Tailwind, and share the @devui/ui design system, with a solid monochrome theme and no gradients. Each template has its own online demo URL and corresponding code directory listed in the README. To run them, execute bun install at the repository root (which links @devui/ui to each template), then enter the specific template directory and run bun run dev. Styles are centralized in packages/ui/tailwind-preset.ts; modifying the color tokens there affects all templates simultaneously. The repository provides a deploy.sh script supporting deployment to Vercel and Cloudflare; see DEPLOY.md for more options.

The legacy templates section consists of the original DevUI templates template-1 through template-13, covering types such as NFT, portfolio, and agency landing pages. Each template is a standalone app and must be run by entering its directory and using yarn and yarn dev.

The repository does not provide a detailed component list or feature description beyond the number of templates; specific capabilities require checking each template directory.

Next.jsReactStarter

Is it right for your project?

Use Cases

When you need starter code for an AI product landing page, chat interface, or agent dashboard
When you want to quickly build multiple Next.js pages with a unified design system and adjust colors centrally
When you need to reference or reuse legacy templates such as NFT, portfolio, or agency landing pages
When you plan to deploy templates to Vercel or Cloudflare

Suitable For

Front-end developers using Next.js and React
Teams needing a free, commercially usable UI template starter project
Projects that want to unify styles across multiple pages based on a monochrome theme

Getting started & customization

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

1
AI templates: run bun install at the repository root, then enter templates/<template-name> and run bun run dev
2
Legacy templates: enter each directory from template-1 to template-13, then run yarn and yarn dev
3
Global color changes: edit the color tokens in packages/ui/tailwind-preset.ts
4
Deployment: use ./deploy.sh <template-name> vercel|cf|both; see DEPLOY.md for full options
5
Third-party assets such as demo images, fonts, and icons must be checked against their respective licenses; external services may charge separately

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This listing 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

Free use, modification, commercial use, and distribution of this version's code are permitted.
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 checked against their respective licenses 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/kumard3/dev-ui-templates/blob/main/LICENSE https://github.com/kumard3/dev-ui-templates/blob/main/README.md

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

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.

Automatically checked against source and license rules; no manual editorial review.

Inspect the recorded source material

SHA-256: 6b383bc2c64afff0576e6f55a2ade5b89721b93f0c95a895cda281b504edef53

2026-10-03T00:41:58.292Z

Source file / repository

# DevUI Templates

Free, open-source UI templates from [DevUI](https://dev-ui.vercel.app). MIT licensed — use them
in anything.

## AI starters

Modern templates built with **Next.js 14, TypeScript, and Tailwind**, all composed from a
shared `@devui/ui` design system (solid monochrome theme, no gradients). Live demos:

| Template | Live demo | Code |
|----------|-----------|------|
| AI SaaS Landing | https://devui-ai-saas-landing.pages.dev | `templates/ai-saas-landing` |
| AI Chat | https://devui-ai-chat.pages.dev | `templates/ai-chat` |
| AI Agent Dashboard | https://devui-ai-agent-dashboard.pages.dev | `templates/ai-agent-dashboard` |

### Run

```bash
bun install            # from the repo root (links @devui/ui into every template)
cd templates/ai-chat
bun run dev
```

### Restyle everything at once

Colors live in one file: `packages/ui/tailwind-preset.ts`. Change the tokens and every
template updates.

### Deploy to Vercel + Cloudflare

```bash
./deploy.sh ai-chat both      # or: vercel | cf
```

Full options (Netlify, static, full Next.js) are in `DEPLOY.md`.

## Legacy templates

The `template-1` … `template-13` folders are the original DevUI templates (NFT, portfolio,
agency landing pages). Each is a standalone app:

```bash
cd template-1
yarn
yarn dev
```

## License

MIT — see `LICENSE`.

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