Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mbeggiato/svelte-ui-template
Simple svelte kit template project using multiple ui frameworks.
https://github.com/mbeggiato/svelte-ui-template
bun shadcn-ui skeleton svelte sveltekit sveltekit-template tailwindcss template ui ui-components
Last synced: about 2 months ago
JSON representation
Simple svelte kit template project using multiple ui frameworks.
- Host: GitHub
- URL: https://github.com/mbeggiato/svelte-ui-template
- Owner: MBeggiato
- Created: 2023-12-15T22:04:13.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-12-15T22:44:31.000Z (about 1 year ago)
- Last Synced: 2023-12-15T23:59:24.868Z (about 1 year ago)
- Topics: bun, shadcn-ui, skeleton, svelte, sveltekit, sveltekit-template, tailwindcss, template, ui, ui-components
- Language: TypeScript
- Homepage: https://mbx.sh/
- Size: 60.5 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
svelte-ui-template
Simple skeleton project for sveltekit using:
- [tailwind](https://tailwindcss.com) 
- [skeleton](https://github.com/skeletonlabs/skeleton) 
- [shadcn-svelte](https://github.com/huntabyte/shadcn-svelte) 
## Getting started
I will be using [bun](https://bun.sh) 
for this project. pnpm, npm etc. should also work.
Clone this project.
```bash
# clone this repo
git clone https://github.com/MBeggiato/svelte-ui-template.git
# install dependencies
bun install
```
## Developing
Once you've installed all modules, run the following to spin up the development:
```bash
bun dev
# or start the server and open the app in a new browser tab
bun dev -- --open
```
## Adding shadcn components
If you want to add components from [shadcn-svelte](https://github.com/huntabyte/shadcn-svelte) you can do so with the following command:
```bash
bunx shadcn-svelte@latest add
# example
bunx shadcn-svelte@latest add accordion
```
For all available components check [this](https://www.shadcn-svelte.com/docs/components/) page.
## Building
To create a production version of your app:
```bash
bun build
```
## Resources
Usefull links:
https://www.shadcn-svelte.com/docs
https://tailwindcss.com/docs/
https://www.skeleton.dev/components/accordions
## License
Licensed under the MIT license.