My personal shadcn-svelte dashboard ui components

• Shadcn-svelte Dashboard sample on steroids, a complete re-write.
• Optimised custom dash I made for my apps, for high reusablity
• My signature design/theme "Perfect Theme" made 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
• Added: multiple useful new components & object orinted App structure
• Added: latest Svelte 5 + Svelte-kit + other handpicked libs.
• 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

Clone or download the repo, modify config files, add/remove extras, update missing parts... then:

pnpm install
pnpm run dev

For more details and customization check specific library docs(Shadcn-svelte, vite, svelte...)
.
.

Credits

Dash-Maxima: v.0.3.0 ... by Peyman Borhani (Systemic Labs)

A word from the author

Is been few times I found my codes in other repo or commercial site/apps (someone who suppose to hire...) without permission (or honorable mention/crediting), while I'm making less than a minimum base income, including the repos low publicity (stars, follow) plus AIs that learns from our data. Therefore I decided to don't make most of my codes/repos public, just few demos or partial code updates as dev showcase.
Then I will gradually do more updates(pushes) per increased public interest or personal motivation based on follows, stars, requests, contributions...
At least it takes some stars and publicity to care/dedicate to a repo.
Or once reached some stable success I will open source all, plus some intersting private codes/libs never published before.
Until then most of my repos are for code sharing and educational purpose. takes some challenge to make it work ;-)

For latest updates and commercial usage request a license, or a whole custom app suitable to your business. +far more: improved, secure + support a hard working dev...

If this was useful, please do support, credit/knowledgement, contribute, or at least follow/engage on X, Linkedin or here as incentive for further open source development.
Thanks.

.
.
.

That's it, the rest is Svelte's starter guide...

# in case using node and no pnpm yet:  
corepack install -g pnpm
# create a new project in the current directory
pnpm dlx sv
# or using Bun:
bun x sv
#choose whatever you need + package manager you prefer
#then install or update if it isn't already:
pnpm i 
# or
bun i

Developing

Once you've created a project and installed dependencies with npm install (or pnpm install or yarn), start a development server:

pnpm run dev

Building

To create a production version of your app:

pnpm run build

You can preview the production build with pnpm run preview.

To deploy your app, you may need to install an adapter for your target environment.