svelte-web-components-template

• A template for building shareable web components using Vite, Svelte, and TypeScript
• Generates vanilla web components compatible with plain HTML or major frameworks (React, Angular, Vue, Svelte)
• Svelte support: Components with .wc.svelte extension are exported as web components, while regular .svelte components can be used internally
• Target audience: Developers creating reusable component libraries that work across frameworks

Key features:

• Development server with demo app for testing components
• Builds components into ES modules (minified/non-minified) and UMD format
• Supports code-splitting (optional per-component module builds)

Notable limitations:

• No built-in polyfills for older browsers
• Requires lowercase props for HTML attribute compatibility
• Requires CustomEvent workaround for Svelte-style event dispatching

Development workflow:

• Components live in lib/ folder
• Demo app in demo/ folder for testing
• Build process automatically runs before publishing