Home
Theme
Docs
M3 Svelte
GitHub
Discord
Implements the Material 3 design system in Svelte, cleanly, robustly, and across disciplines.
Finally with Runes
Now with Material 3 Expressive
Button
<
>
Filled
<
>
Click
Round
<
>
No icon
<
>
Small
Enabled
Hello
Connected buttons
<
>
Filled
Multi-select
<
>
Small
Alpha
Beta
Charlie
Split button
<
>
Elevated
<
>
Inner down
<
>
No icon
Hello
Hi
Howdy
G'day
FAB
<
>
Primary container
<
>
Normal
Card
<
>
Elevated
Not clickable
Hello
List
<
>
1 line
<
>
<div>
Hello
Hello
Menu
No icons
Cut
Undo
Redo
Bottom sheet
Open
Dialog
Open
Hello
Anything is possible at ZomboCom! You can do anything at ZomboCom! The infinite is possible at ZomboCom! The unattainable is unknown at ZomboCom!
OK
Snackbar
Show
Checkbox
Enabled
Chip
<
>
Input
<
>
No icon
Enabled
Hello
Progress
<
>
Linear
Default
10
Estimate
Loading
Raw
Radio
<
>
Animation 1
Enabled
Select
<
>
Filled
No icons
Enabled
Alpha
Beta
Charlie
Select
Slider
<
>
Continuous
<
>
Extra small
Enabled
Endstops
10
Switch
<
>
Checked icon
Enabled
Text field
<
>
Filled
<
>
Text
No leading icon
No trailing icon
Not errored
Enabled
Field
Tabs
<
>
Primary
No icons
Fixed
Hello
World
The longest item
Date field
<
>
Filled
Not errored
Enabled
Date
UI transitions
<
>
X
Alpha
Shapes
Arch
Arrow
Boom
Bun
Burst
Circle
Clamshell
Diamond
EightLeafClover
Fan
Flower
FourLeafClover
FourSidedCookie
Gem
Ghostish
Heart
NineSidedCookie
Oval
Pentagon
Pill
PixelCircle
PixelTriangle
Puffy
PuffyDiamond
Semicircle
SevenSidedCookie
SixSidedCookie
Slanted
SoftBoom
SoftBurst
Square
Sunny
Triangle
TwelveSidedCookie
VerySunny
<
>
Normal paths
