DOCUMENTATION
Everything you need to ship
Quick start, component reference, data-connection recipes, and TypeScript types — all in one place.
Getting Started
Quick Start
Clone a template, install dependencies, and run your first dashboard in under 5 minutes.
Project Structure
Understand how templates are organised — components, data layer, routing, and styles.
Connecting Real Data
Replace mock data with your own API. Covers REST, GraphQL, and direct DB queries.
Customising Styles
Every visual property is a CSS custom property. Learn how to theme a template in minutes.
Reference
Component API
Props, slots, and variants for every shared component across all templates.
Charting Libraries
Templates use Recharts and ECharts. Reference for swapping chart types and data formats.
TypeScript Types
Every template ships full TypeScript types. Reference guide for data shapes and props.
Deployment
Deploy to Vercel, Cloudflare Pages, Netlify, or your own server. Zero-config guides.
Start in 30 seconds
Use the CLI to scaffold any template directly into your project.
Read the Quick Start →npx create-dashtemplate@latest
✔ Which template? › marketing-performance-hub
✔ Install dependencies? › Yes
✔ Done! Run npm run dev to get started.
FAQ
What tech stack do the templates use?
Pure HTML + CSS + JavaScript with ECharts 5.5 for charts. No framework dependency — drop them into any project.
Do I need to know a JS framework to use these?
No — plain HTML/CSS/JS knowledge is sufficient. The docs include annotated walkthroughs for every template.
Can I integrate them into React, Next.js, or Vue?
Yes. Embed the HTML in an iframe or port the chart logic to your framework of choice using the ECharts API.
Where do I go if I get stuck?
Open a GitHub issue at github.com/yigechatgpt/dashtemplate.com. Priority support for Pro customers.
Still have questions?
Email us and we'll get back to you within 1 business day.