Obsidian Plugin Svelte Starter Kit

A starter template for building Obsidian plugins with Svelte instead of plain DOM code. It wires Svelte 5, Tailwind v4, and shadcn-svelte together so you can clone, rename a few fields, and start building. The standout feature is theme awareness: the UI components read Obsidian's own theme variables, so they match whatever theme you're running and recolor instantly when you switch light to dark or change themes. Nothing is hardcoded, and there's no rebuild step.

Most Obsidian plugins are written with plain DOM code, which gets tedious for anything with real UI. Bringing a modern framework like Svelte into Obsidian raises two problems. First, component styling tends to clash with Obsidian's own interface. Second, hardcoded colors break the moment a user switches theme or toggles light and dark mode, so the plugin looks out of place. The goal was a template that feels native to Obsidian out of the box, not bolted on.

The template ships with Svelte 5, Tailwind v4, and shadcn-svelte already wired together. The components read Obsidian's own theme variables, so they pick up the active theme and recolor instantly on any theme or light/dark switch, with no rebuild. Tailwind's CSS reset is deliberately left off so it never fights Obsidian's UI. It also includes an example view, command, ribbon icon, and settings tab to copy from, plus esbuild bundling, ESLint, and a GitHub release workflow set up and ready. It's free and open source.