https://github.com/peyman-borhani/dash-maxima
Premium Dashboard showcase, in Svelte 5 Runes + non Runes & hot Libs all working together => Shadcn-svelte - Runed - Unplugin-icons+lucide & more...
https://github.com/peyman-borhani/dash-maxima
bits-ui dashboard runes shadcn-svelte svelte5 sveltejs sveltekit tailwindcss
Last synced: 4 months ago
JSON representation
Premium Dashboard showcase, in Svelte 5 Runes + non Runes & hot Libs all working together => Shadcn-svelte - Runed - Unplugin-icons+lucide & more...
- Host: GitHub
- URL: https://github.com/peyman-borhani/dash-maxima
- Owner: Peyman-Borhani
- Created: 2024-08-04T15:46:04.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-09-25T14:33:17.000Z (9 months ago)
- Last Synced: 2024-09-27T01:07:53.778Z (9 months ago)
- Topics: bits-ui, dashboard, runes, shadcn-svelte, svelte5, sveltejs, sveltekit, tailwindcss
- Language: Svelte
- Homepage: https://peyman-borhani.github.io/Dash-Maxima/
- Size: 931 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## A new shadcn-svelte dashboard showcase
- Shadcn-svelte Dashboard samples on steroids, fully rewritten.
- One of the best starter templates which exist in this category
- My signature design pattern blend "Perfect Theme" used for best UX
- Customizable, dynamic responsive, interctive, resusable components
- Improved styles: UI, grid layout, D/L themes, dynamic sizing
- Production ready and interactive, design is feature complete
- Customize for your use-case, integrate your web page & business data
- Or request my services to provide a custom solution, build + integrate desired interactions, functions and dash panels for your use-case, business...
.
### Features
- Coolest Libs out there working together on svelte 5, easier setup
- Added: multiple useful new components & object orinted App structure
- Added: Svelte 5 Runes + Svelte-kit (routes + website structure)
- Reuse/Customize: add new content as child(+pages) & data as props
- Replaced lucid-svelte icons with unplugin-icons, now is possible to use icons set as plugins, and any individual icons from different sets combined as you wish.
.
### Perfect Theme * ____________ ( my signature design pattern :) *
- Semi-minimal design theme blend (D/L +shad +neomorphism +synthwave)
- Shadcn-svelte - BitsUI - Unplugin-icons - tailwind CSS - CSS
- Arbitrary CSS values used in places which Tailwind-[fails/lack-precision]...
.
.
## Project Setup
Download the repo, modify config files, add/remove extras if needed... then:
```bash
pnpm install
pnpm run dev
```
For more details and customization check specific library docs(Shadcn-svelte, vite, svelte...)
.
.
## *Credits*
Dash-Maxima: v.0.2.0 by Peyman Borhani (Systemic Labs)
Open and free to use, but for commercial usage is better to order or license, get it better & more secure, +support a hard working dev...
> If it was useful, please do support, credit/knowledgement, contribute, or at least follow/engage on X or Linkedin incentive for further open source development.
##### That's it, the rest is Svelte.dev's starter guide...
---
.
.
.
## Create a new svelte project
```bash
# create a new project in the current directory
pnpm create svelte@latest
```
## Developing
Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
```bash
pnpm run dev
```
## Building
To create a production version of your app:
```bash
pnpm run build
```
You can preview the production build with `pnpm run preview`.
> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.