2022 to 2024 Creator and maintainer
stwui, an open-source Svelte library
A Svelte and Tailwind component library I built and open-sourced, now past 450 stars.
Open sourceDesign systemsSvelte and Tailwind
Live components
49 in stwuiToggle
On
Slider
64%
Tabs
Showing Overview
Button
3
Rating
4.0
Checkbox
The problem
Building product UI in Svelte meant rebuilding the same unglamorous parts on every project: inputs, tables, modals, date pickers, toasts. Svelte had the reactivity but not the batteries-included component layer that React developers took for granted, so most teams started from a blank page every time.
The idea
One opinionated but customizable component library, styled with Tailwind, that gives Svelte the same batteries-included feel. Sensible defaults you can theme from a single place, so you compose an app instead of rebuilding primitives, and you reach for a prop instead of memorizing class names.
What I built
- 49 components covering the real surface area of an app: forms and inputs, tables and lists, modals and drawers, date pickers, toasts, and more.
- A Tailwind plugin and theming layer, so the whole set restyles from a single place.
- A documentation and demo site with a live example for every component.
- Published to npm under an MIT license, versioned and open to outside contributors.
Impact
- Over 450 stars and 20+ forks on GitHub, still pulling around a thousand npm installs a month.
- The one project on this list you can install, read the source of, and use today.
- A public, developer-facing counterpart to the internal systems: the same eye for interface, aimed at other engineers instead of one company.