Skip to content

Instantly share code, notes, and snippets.

@thedivtagguy
Created January 21, 2026 05:32
Show Gist options
  • Select an option

  • Save thedivtagguy/550c8144aa28bf27ff5ecbebd68b5526 to your computer and use it in GitHub Desktop.

Select an option

Save thedivtagguy/550c8144aa28bf27ff5ecbebd68b5526 to your computer and use it in GitHub Desktop.
Sets up a Sveltekit site with TailwindCSS and shadcn-svelte components
#!/bin/bash
PROJECT_DIR="${1:-.}"
pnpm dlx sv create \
--template minimal \
--types ts \
--add prettier eslint tailwindcss="plugins:none" sveltekit-adapter="adapter:static" devtools-json \
--install pnpm \
"$PROJECT_DIR"
cd "$PROJECT_DIR"
pnpm dlx shadcn-svelte@latest init \
--base-color neutral \
--css src/routes/layout.css \
--lib-alias '$lib' \
--components-alias '$lib/components' \
--ui-alias '$lib/components/ui' \
--utils-alias '$lib/utils' \
--hooks-alias '$lib/hooks'
pnpm dlx shadcn-svelte@latest add \
button card alert badge collapsible scroll-area popover drawer switch toggle dropdown-menu \
input textarea label select checkbox radio-group \
dialog sheet sonner progress skeleton spinner \
tabs accordion separator breadcrumb pagination \
table avatar tooltip \
--yes --overwrite
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment