Skip to main content

Templates

Ready-to-use project scaffolds — dashboard, landing page, e-commerce, SaaS, portfolio, blog. Each ships with Aidash Components, Tailwind, and TypeScript wired up.

Dashboard Template

A full-featured admin dashboard with sidebar navigation, stat cards, charts, data tables, and user management. Ideal for internal tools and admin panels.

Admin Dashboard

Complete admin panel with responsive sidebar, real-time stats, interactive charts, data tables with pagination, and role-based access control.

Next.js 15Tailwind CSSTypeScriptDrizzle ORMRecharts
npx aidash create my-app --template dashboard

Landing Page Template

A high-converting marketing landing page with hero section, feature grid, pricing table, testimonials, and call-to-action. Optimized for performance and SEO.

Marketing Landing Page

Stunning landing page with animated hero, feature showcase, pricing tiers, social proof, FAQ accordion, and newsletter signup with smooth scroll navigation.

Next.js 15Tailwind CSSTypeScriptFramer Motion
npx aidash create my-app --template landing

Blog Template

A modern blog with post listing, category sidebar, search, and rich post detail pages with MDX support and syntax highlighting.

Blog & Content

Full-featured blog with post grid, category and tag filtering, search, reading time estimation, MDX content support, table of contents, and related posts sidebar.

Next.js 15Tailwind CSSTypeScriptMDXContentLayer
npx aidash create my-app --template blog

E-Commerce Template

A complete online store with product catalog, shopping cart, checkout flow, and order management. Built for performance with optimized image loading.

Online Store

Product grid with filters and sorting, persistent cart with slide-out drawer, multi-step checkout, order history, and Stripe integration ready.

Next.js 15Tailwind CSSTypeScriptDrizzle ORMStripe
npx aidash create my-app --template ecommerce

Portfolio Template

A sleek portfolio showcasing your projects, skills, and experience. Features a filterable project gallery, about section, and contact form.

Personal Portfolio

Elegant portfolio with animated project gallery, lightbox preview, skills visualization, timeline, downloadable resume, and contact form with validation.

Next.js 15Tailwind CSSTypeScriptFramer Motion
npx aidash create my-app --template portfolio

SaaS Template

A complete SaaS application starter with authentication, user dashboard, settings pages, billing integration, and team management.

SaaS Application

Full SaaS boilerplate with auth (login, register, forgot password), user dashboard, profile settings, subscription management, team invites, and API key management.

Next.js 15Tailwind CSSTypeScriptDrizzle ORMNextAuth
npx aidash create my-app --template saas

How to Use

Get started with any template in just a few steps. The Aidash CLI handles scaffolding, dependency installation, and initial configuration.

1

Install the CLI

Terminal
tsx
npm install -g @aidash/cli
2

Scaffold from a template

Terminal
tsx
npx aidash create my-project --template dashboard
3

Install dependencies & start dev server

Terminal
tsx
cd my-project
npm install
npm run dev
4

List available templates

Terminal
tsx
npx aidash templates list

Customization

Every template is fully customizable. Adjust colors, fonts, layout, and components to match your brand and requirements.

Colors & Theming

All templates use CSS custom properties via Tailwind CSS v4. Swap the entire color palette by editing the @theme block in your globals.css file.

globals.css
tsx
@theme {
  --color-brand-500: oklch(0.62 0.20 255);
  --color-brand-600: oklch(0.54 0.20 255);
  /* Change these to match your brand */
}

Fonts & Typography

Replace the default font families by updating the font CSS variables. Templates support display and body font separation for maximum flexibility.

globals.css
tsx
@theme {
  --font-aidash-display: 'Inter', sans-serif;
  --font-aidash-body: 'Inter', sans-serif;
}

Layout & Components

Templates are built with Aidash Components, so you can swap, rearrange, or extend any section. Components are modular and composable — mix sidebar variants, swap chart types, or add entirely new pages using the existing component library.

Continue building with these resources.