Libraries |
Category

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:

License: AGPL-3.0 (free software)

sveltekittailwindcssheadlessuicssnanochangesetspostcsssveltesveltejsvitetypescriptplaywrightsupabasegraphql

Comments