Next.jsReactAdmin dashboardSaaSCorporate WebsiteStarter

bazz-blocks-saas-starter — Next.js Admin dashboard Template

By arbaz-17

A free SaaS starter template based on the Next.js App Router, including a marketing landing page, dashboard shell, CRUD table and Recharts charts, with content driven by configuration objects.

Explore the design

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

2 previews
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-02View source

What stands out

A quick read of the recorded project description.

01

The marketing landing page consists of blocks including Hero, Logo showcase, Features, Stats, Workflow, Pricing, Testimonials, FAQs and Footer

02

The dashboard shell uses a sidebar plus content area layout and reserves a page structure that can be extended into modules such as Customers, Orders and Products

03

The CRUD-style table supports search, filtering, sortable columns, pagination and row action entry points

04

KPI cards and Recharts charts form the analytics view, with data coming from replaceable configuration datasets

05

Content and structure are controlled through config objects and component props, so changing copy or data usually does not require rewriting block JSX

06

Each block provides only one basic variant; richer variants and advanced table capabilities are reserved for the unreleased Pro version

Template Details

Bazz Blocks SaaS Starter is a free UI starter template for SaaS products, built with the Next.js App Router. It breaks pages into reusable "blocks". The marketing side provides Hero, Logo showcase, Features, Stats, Workflow/steps, Pricing, Testimonials, FAQs and Footer; the product side provides a dashboard shell (sidebar + content area), a CRUD-style table, and KPI cards with chart views.

The template emphasizes configuration-driven design: most block content and structure come from config objects (such as config/marketing/* and config/dashboard/*), and the components themselves control spacing, alignment, variants and visibility through props. As a result, changing copy, CTAs, lists and chart data usually does not require modifying the block JSX. The table includes search, filtering, column sorting, pagination and row action entry points; the chart section provides KPI cards, responsive chart layouts and reusable chart wrappers.

The repository is positioned as a "free foundation layer". The author also mentions that a more complete Pro version is in development, so the current version keeps only one basic variant per block and does not include multiple layouts or advanced table capabilities. The project is MIT licensed and can be freely used, modified and distributed; however, third-party assets such as demo images, fonts and icons must be checked separately under their own licenses, and external services such as domains, hosting, databases and payments may incur costs.

Next.jsDashboardSaaSCorporate websiteStarter

Is it right for your project?

Use Cases

  • Personal or small-team projects that need to quickly build a SaaS product marketing page and a post-login dashboard prototype
  • Demo sites that want to maintain landing page copy, pricing, FAQs and chart demo data through configuration objects
  • Next.js App Router projects that need a table starting point with search, sorting and pagination
  • Practice projects for learning how Tailwind, ShadCN UI, Framer-Motion, TanStack Table and Recharts work together

Suitable For

  • Developers familiar with React and the Next.js App Router who want to edit configuration directly rather than write blocks from scratch
  • Teams that need a free and commercially usable SaaS interface starting point and accept integrating real data and services themselves later
  • Beginners or teaching scenarios that want to reference a configuration-driven component organization approach

Getting started & customization

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

  1. 1

    After cloning the repository, install dependencies with npm, pnpm, yarn or bun, then run the corresponding dev command; by default it is accessible at http://localhost:3000

  2. 2

    When modifying content, first check the configuration objects under config/marketing/* and config/dashboard/*, and only adjust layout and styles through props when necessary

  3. 3

    The repository is MIT licensed; when distributing copies or substantial portions of the code, the copyright notice and the full license notice must be retained

  4. 4

    Third-party assets such as demo images, fonts and icons must be checked under their own licenses and cannot be judged solely by the code's MIT license

  5. 5

    The template does not include a backend, database or payment integration; integrating real data and services must be implemented by the user and may incur corresponding costs

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 the code of this version and does not mean that 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 for free.
  • 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

  • The README clearly distinguishes the free foundation layer from the unreleased Pro version: multiple block variants, deeply customizable controls, more complete dashboard building blocks, an advanced CRUD table suite, more chart components and similar items belong to Pro and are not within the free scope.
  • The free version provides only a single basic variant per block and does not include multiple layouts or advanced table capabilities; richer variants and advanced features require waiting for the Pro version.
  • The contribution guidelines require the basic version to keep a single variant and simple implementation, so the free repository does not provide multi-layout/multi-variant capabilities.
  • Demo images, fonts, icons and other third-party assets must be checked under their own licenses and cannot be judged solely by the code's MIT license.
  • External services such as domains, hosting, databases, payments or AI may incur additional charges.
View Original Text Basis

Permission is hereby granted, free of charge

Original License Text

**Bazz Blocks Pro** is the full production-grade UI system we’re building on top of this

Original README

This starter is the **free base layer** — simple, opinionated, and easy to extend.

Original README

**Single-variant** (base version should stay simple)

Original README
https://github.com/arbaz-17/bazz-blocks-saas-starter/blob/main/LICENSEhttps://github.com/arbaz-17/bazz-blocks-saas-starter/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-02. 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
Admin dashboard · 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-02
Screenshot last checked
2026-10-02

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: dd6294e050f3ea9b654c26b3162ea81a5de2a1ccdf2f46bf6aee47db21820f89

2026-10-02T19:37:21.135Z

Source file / repository
# Bazz Blocks SaaS Starter — Free Next.js SaaS Starter Kit (Landing Page + Dashboard + CRUD + Charts)

![Bazz Blocks SaaS Starter – Preview](public/images/G1.png)

## Introduction

**Bazz Blocks SaaS Starter** is a **free, config-driven UI starter** for building modern SaaS products with **Next.js (App Router)**. It ships with a polished **marketing landing page** plus a starter **dashboard experience** (CRUD-style table + KPIs + charts) so you can launch faster and iterate confidently.

This repo is intentionally **simple and beginner-friendly** — one solid, opinionated version of each section — while keeping the codebase clean enough to extend into a full product.

## Live Demo
Explore the deployed demo here: **https://bazz-blocks-saas-starter.vercel.app/**

## Why This Starter Exists

Most “SaaS starters” either:
- give you a basic layout with no real sections, or
- ship overly complex abstractions that are hard to customize.

**Bazz Blocks SaaS Starter** focuses on what actually helps you ship:
- **Section-first UI** (marketing blocks you can plug in immediately)
- **Dashboard-ready foundation** (CRUD-style table + analytics starter)
- **Config-driven content** (update data/config instead of rewriting components)
- **Clean, modern defaults** that are easy to extend into your own product

## What’s included (Free Starter)

### Marketing site sections
A clean marketing site built from reusable, section-first blocks:
- **Hero**
- **Logo strip / social proof**
- **Features**
- **Stats**
- **Workflow / steps**
- **Pricing**
- **Testimonials**
- **FAQs**
- **Footer**

### Dashboard starter

A lightweight dashboard foundation to help you build real SaaS screens faster:

![Dashboard CRUD Preview](public/images/G2.png)

**Includes:**
- **Dashboard shell layout** (sidebar + content)
- **CRUD-style table experience** (starter-ready)
- **Page-level structure** you can extend into modules (Customers, Orders, Products, etc.)

**Table features:**
- **Search + filters**
- **Sortable columns**
- **Pagination**
- **Row actions ready**

### KPIs & Charts

A starter analytics view to visualize product performance at a glance:

![Dashboard KPIs & Charts Preview](public/images/G3.png)

**Includes:**
- **KPI cards** for quick overview (totals, growth, comparisons)
- **Charts dashboard** (clean, responsive layout)
- **Config-driven datasets** (easy to swap demo data with real data later)
- **Reusable chart wrappers** you can extend with more chart types

## Bazz Blocks Pro (Coming soon)

This starter is the **free base layer** — simple, opinionated, and easy to extend.

**Bazz Blocks Pro** is the full production-grade UI system we’re building on top of this, designed for teams shipping real SaaS products faster:

- **Multiple variants per section** (more heroes, pricing layouts, FAQs, feature grids, etc.)
- **Deeper customization controls** (layout density, spacing, tones, themes, content patterns)
- **Better dashboard building blocks** (more shells, headers, nav patterns, page templates)
- **Advanced CRUD table kit** (richer filters, column controls, bulk actions, better UX patterns)
- **More charts + analytics components** (more chart types, nicer defaults, extensible wrappers)
- **Polish & consistency** (motion presets, UI patterns, better documentation + examples)

If you like the direction of this starter, **star the repo** to follow updates and upcoming releases.

## Tech stack

Built with a modern, production-friendly stack:

![Next.js](https://img.shields.io/badge/Next.js-000?logo=nextdotjs&logoColor=fff)
![React](https://img.shields.io/badge/React-000?logo=react&logoColor=61DAFB)
![Tailwind CSS](https://img.shields.io/badge/Tailwind%20CSS-000?logo=tailwindcss&logoColor=38BDF8)
![shadcn/ui](https://img.shields.io/badge/shadcn%2Fui-000?logo=shadcnui&logoColor=fff)
![Framer Motion](https://img.shields.io/badge/Framer%20Motion-000?logo=framer&logoColor=fff)
![Recharts](https://img.shields.io/badge/Recharts-000?logo=chartdotjs&logoColor=fff)
![Vercel](https://img.shields.io/badge/Vercel-000?logo=vercel&logoColor=fff)


## How the “config-driven” approach works

Most sections in this starter are powered by **simple config objects** (for content + structure), while the components themselves are built to be **highly customizable via props**.

That means you can:
- update headings, subtitles, CTAs, links, and lists from config
- control layout and styling through props (spacing, alignment, variants, visibility, etc.)
- keep components **content-agnostic**, reusable, and easy to extend

**Typical flow:**
1. Open the relevant config file (e.g. `config/marketing/*` or `config/dashboard/*`)
2. Edit the object (text, CTAs, items, chart data, etc.)
3. Pass optional props to fine-tune the UI when needed
4. The UI updates instantly — without rewriting the section JSX


## Contributing

Contributions are welcome! 🎉  
If you’d like to improve **bazz-blocks-saas-starter**, feel free to open an issue or submit a pull request.

### What to contribute
Good first contributions include:
- Bug fixes and small UI improvements
- Docs improvements (README, comments, usage examples)
- New **base** sections or blocks (starter-friendly)
- Better responsiveness and accessibility tweaks

### Contribution guidelines
When adding or updating components, please keep them:
- **Config-driven** (no hardcoded marketing copy)
- **Single-variant** (base version should stay simple)
- **Beginner-friendly** (clean code, readable props)
- **Stack-aligned** (Next.js App Router, Tailwind v4, shadcn/ui)

## License

This project is licensed under the **MIT License** — you’re free to use, modify, and distribute it in personal or commercial projects.

See the `LICENSE` file for full details.


## Getting started

### 1) Clone the repository
- git clone https://github.com/arbaz-17/bazz-blocks-saas-starter.git
- cd bazz-blocks-saas-starter

### 2) Install dependencies
npm install
or
pnpm install
or
yarn
or
bun install

### 3) Run the dev server
npm run dev
or
pnpm dev
or
yarn dev
or
bun dev

Open: http://localhost:3000
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.