svelte-headlessui-starter
- A template designed to accelerate the development of libre Svelte apps using Headless UI
- Built with SvelteKit for enhanced routing and Svelte for fast, lightweight apps
- Includes Tailwind CSS with Forms/Typography plugins and Headless UI for accessible components
- Supports multiple frameworks but focuses primarily on Svelte/SvelteKit integration
Key Features:
- Sophisticated UI components via Headless UI
- Pre-configured with Prettier, Unplugin Icons, and CSS optimization tools
- Includes service worker caching and self-hosted fonts via Fontsource
- Testing with Playwright and version management via Changesets
- Built-in SEO support and social sharing cards
- OAuth authentication (GitHub) and Supabase integration with GraphQL
- AGPL-licensed free software
Target Audience: Developers looking to quickly start Svelte projects with:
- Pre-configured UI components
- Authentication
- Database integration
- Modern development tooling
Demo: View online demo
Project Structure: Organized with clear separation of:
- Core services (auth, GraphQL, HTTP)
- Data models and types
- Shared components/layouts
- Route-specific logic
Notable Integrations:
- Svelte Headless UI for accessible components
- Supabase with GraphQL support
- OAuth authentication
License: AGPL-3.0 (free software)
sveltekittailwindcssheadlessuicssnanochangesetspostcsssveltesveltejsvitetypescriptplaywrightsupabasegraphql
Featured Stories
No featured articles.