Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/Siumauricio/nextui-dashboard-template

Dashboard starter using NextUI V2 and Nextjs.
https://github.com/Siumauricio/nextui-dashboard-template

beatiful dashboard free-dashboard minimalist nextjs nextui template

Last synced: 11 days ago
JSON representation

Dashboard starter using NextUI V2 and Nextjs.

Awesome Lists containing this project

README

        

# NextJS and NextUI Dashboard Template Starter

You can deploy here directly to vercel [![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/import/project?template=https://github.com/Siumauricio/nextui-dashboard-template)

V1 Version Stitches https://v1-nextui-dashboard-template.vercel.app/
V1 Code: https://github.com/Siumauricio/nextui-dashboard-template/tree/v1

This is a template for NextJS and NextUI.

[NextJS](https://nextjs.org/)
[NextUI](https://nextui.org/)

You can see the demo here: https://nextui-dashboard-template.vercel.app/
For improve this template, you can create a pull request or open an issue here [Issues](https://github.com/Siumauricio/nextui-dashboard-template/issues) or [Pull Request](
https://github.com/Siumauricio/nextui-dashboard-template/pulls)

### Dark Mode
![Dashboard Dark Mode](./public/dark.png)

### Light Mode
![Dashboard Light Mode](./public/light.png)

- Dark Mode Support
- Full Responsive
- Home Page with Charts
- Accounts Page
- More pages coming soon...

```
├── components
│ ├── accounts # Accounts components
│ ├── charts # Charts components
│ ├── breadcrumb # component
| ├── home # Home components
| ├── layout # Layout components
| ├── navbar # Navbar components
| ├── sidebar # Sidebar components
| ├── table # Table components
| ├── styles # Some reusable components
| ├── icons # Icons
| ├── hooks # Hooks
├── app # Documentation files
│ ├── accounts # Accounts route
| ├── page.tsx # Accounts page
│ ├── page.tsx # Entry point for the app
│ ├── layout.tsx # Layout applied to all application pages
│ ├── providers.tsx # Theme provider
│ ├── more... # Soon
└──
```

## For Run

Install dependencies

```bash
npm install
```

Start the server

```bash
npm run dev
```

Now you can visit https://localhost:3000 in your browser.