The design system Svelte was missing.

Moth UI is a complete set of 24 components for Svelte 5, designed together so your app looks polished the moment you install it. No theming, no config.

npm install moth-ui-svelte

Team plan

Save 17%
seats

Total per month

$50.00

Every element above is a Moth component. Try it.

Why Moth

Every design decision is already made. You just build.

Built for Svelte

Not a port of a React library. Every component is written for Svelte 5, compiles away, and feels like plain Svelte.

Polished by default

Spacing, type, color and every interaction state are already designed. Drop components in and the page looks finished.

Dark by design

Designed dark-first rather than inverted from a light theme, so every surface, border and text color is tuned for low-light interfaces.

Zero dependencies

Svelte is the only peer dependency. Nothing else to install, update or audit.

Up and running in three steps

No config generators, no theme providers. Read the full guide →

  1. 1

    Install the package

            
            
            
        
  2. 2

    Import the styles once

            
            
            
        
  3. 3

    Use any component

            
            
            
        

Components

From form controls to full page layouts.

A palette with purpose

Six 12-step scales, each step with a job: backgrounds, borders, solids and text.

gray
accent
info
success
warning
danger

Start building with Moth

Free, open source, and ready for your next project.