Repository files navigation

Building a one-off web component with Svelte is as easy as settingcustomElement: true in your Svelte config.

However, once you get into building a library of components boilerplate and configuration quickly add up and the developer experience is not as good as it could be.Svebcomponents is a collection of tools that aim to smoothen the rough edges of building web components with Svelte.

• [@svebcomponents/build]
  • Provides thesvebcomponents CLI tool for building web components (based on tsdown ⚡).
  • By default, it offers a zero-configuration build experience.
  • For advanced configuration, create asvebcomponents.config.ts file in your project root and importdefineConfig from@svebcomponents/build to define a custom tsdown configuration.
• [@svebcomponents/auto-options]
  • automatically generate type converter & attribute settings from your props leveraging the typescript AST
• [@svebcomponents/ssr]
  • allows you to build SSR-able web components viaauto-options
  • render web components that provide anElementRenderer in SvelteKit (or other vite based SSR frameworks)