From seeds, your components grow.
A foundational headless UI library for Svelte that helps you build components and efficient web applications.

Headless — Provides only structure and behavior; the look is entirely yours.

Standards-first — Built on native elements like details / dialog / select.

Own the source — Copy as .svelte files via the CLI and customize directly.

Code meets control

Switch the styling off and the component keeps its behavior.

<script lang="ts">
  import { Button } from "svseeds";

  let count = $state(0);
  const myButton = {
    whole: "px-2 rounded-sm bg-teal-600 cursor-pointer",
    main: "text-white",
  };
</script>

<Button onclick={() => count++} styling={myButton}>
  count: {count}
</Button>

Component preview

A small slice of the gallery, live on the page.

View all components →