This GitHub project is a template for creating dynamic and visually appealing dashboard using Next.js. The template is designed with the Shadcn UI, for modern user interface. With support for multiple themes, this dashboard template is responsive and highly customizable
preview: here
- email: [email protected]
- password: admin@123
-
Next.js Integration: Used Next.js to build a performant and scalable dashboard application with server-side rendering and other advanced features.
-
Shadcn UI Design: A clean and sophisticated user interface crafted with the Shadcn UI library, known for its aesthetic appeal and usability.
-
Responsive Layout: A awesome user experience across devices with a responsive layout that adapts to various screen sizes.
-
Multiple Themes: actually there are multiple themes to choose from in this ui library thanks to shadcn, but in this i've tried to apply all themes provided by shadcn ui form which user can choose
-
Reusable Components: This Dashboard is highly Extendable with reusable components
Available Themes:
all themes are in dark and light mode
- default
- rose
- orange
- green
To get started with this template, follow these steps:
- Clone the repository:
git clone https://github.com/Chetan-KK/dashboard-template.git - Install dependencies:
yarn add - Start the development server:
yarn dev - Open the application in your browser:
http://localhost:3000
-
Side-panel: in
app/Components/Dashboard.tsxyou can find array of links that you can modify. -
Dashboad Layout: created DashboadLayout.tsx in dashboard route which you can use to make modification inside a dashboard route
here is shadcn ui documentation
Contributions are welcome! Whether you want to report a bug, request a feature, or submit a pull request, your involvement is appreciated.
This project is licensed under the MIT License, making it open and accessible for use in various projects.