M3 Svelte

implements the Material 3 design system in Svelte.

GitHub

401 stars

Discord

87 members

Features...

Powerful yet lean

Button

Filled

Click

Round

No icon

Small

Enabled

Connected buttons

Filled

Multi-select

Small

Alpha Beta Charlie

Split button

Filled

Inner down

No icon

FAB

Primary container

Normal

Icon only

Card

Filled

Not clickable

Hello

List

1 line

<div>

Hello

Hello

Menu

No icons

Hello

Anything is possible at ZomboCom! You can do anything at ZomboCom! The infinite is possible at ZomboCom! The unattainable is unknown at ZomboCom!

Checkbox

Enabled

Chip

Input

No icon

Enabled

Progress

Linear

Thinner

Percent

10%

Loading

Raw

Radio

Animation 1

Enabled

Select

Filled

No icons

Enabled

Select

Slider

Continuous

Extra small

Enabled

Horizontal

Endstops

10

Switch

Checked icon

Enabled

Text field

Filled

Text

No leading icon

No trailing icon

Not errored

Enabled

Field

Date field

Filled

Not errored

Enabled

Date

Tabs

Primary

No icons

Fixed

Hello World The longest item

Nav for C/M/L/X

Auto

Navigation Rail

Normal

Icon and text

Center

Collapse

UI transitions

X

Icons

24px