A modern dashboard template built with VisActor and Next.js, featuring a beautiful UI and rich data visualization components.

Live Demo

• 📊 Rich Visualizations - Powered by VisActor, including bar charts, gauge charts, circle packing charts, and more
• 🌗 Dark Mode - Seamless dark/light mode switching with system preference support
• 📱 Responsive Design - Fully responsive layout that works on all devices
• 🎨 Beautiful UI - Modern and clean interface built with Tailwind CSS
• ⚡️ Next.js 15 - Built on the latest Next.js features and best practices
• 🔄 State Management - Efficient state management with Jotai
• 📦 Component Library - Includes Shadcn components styled with Tailwind

• Next.js - React framework
• VisActor - Visualization library
• Tailwind CSS - CSS framework
• Shadcn - UI components
• Jotai - State management
• TypeScript - Type safety

You can deploy this template to Vercel by clicking the button above, or clone this repository and run it locally.

1. Clone this repository

git clone https://github.com/mengxi-ream/visactor-next-template

2. Install dependencies

pnpm install

3. Run the development server

pnpm dev

4. Open http://localhost:3000 with your browser to see the result.

src/
├── app/ # App router pages
├── components/ # React components
│ ├── chart-blocks/ # Chart components
│ ├── nav/ # Navigation components
│ └── ui/ # UI components
├── config/ # Configuration files
├── data/ # Sample data
├── hooks/ # Custom hooks
├── lib/ # Utility functions
├── style/ # Global style
└── types/ # TypeScript types

This template includes several chart examples:

• Average Tickets Created (Bar Chart)
• Ticket by Channels (Gauge Chart)
• Conversions (Circle Packing Chart)
• Customer Satisfaction (Linear Progress)
• Metrics Overview

Contributions are welcome! Please feel free to submit a Pull Request.

This project is licensed under the MIT License - see the LICENSE file for details.

• VisActor - For the amazing visualization library
• Vercel - For the incredible deployment platform
• Next.js - For the awesome React framework