Themes
Tune the kit, keep the code.
Six axes, one short preset code. Everything below is the real kit, themed with subtree attributes, so what you see is what npx vamos-ui init --preset gives your app. Bring your own brand colour and the CLI derives a palette that keeps text readable.
Start from
Dashboard
- Won this month
- $124,000
- Up 18.2%
- Trending up over the last 7 periods
- Active clients
- 318
- Up 4.1%
- Trending up over the last 7 periods
- Avg. reply time
- 2h 14m
- Down 12.0%
Form
New booking
Saltwater Spa · Moda
Table
Open deals
| Company | Stage | Value |
|---|---|---|
Kadıköy Bistro Selin Demir | Proposal | $18,400 |
Moda Dental Omar Haddad | Won | $9,200 |
Bosphorus Rowing Elif Kaya | Negotiation | $26,750 |
Tarlabaşı Print Co. Jonas Weber | Lost | $4,300 |
Quarter target
Website hero
Ceramics studio · Karaköy
Plates that outlive the restaurant.
Preset code
light · glass · lime · comfortable · editorial
Apply it
$ npx vamos-ui init --preset v1lglce$ npx vamos-ui theme --preset v1lglce$ npx vamos-ui create my-app --preset v1lglce
init sets up an existing project, theme re-themes one that is already set up, create starts a new app.
html attributes
Set these on <html> (or any element, to theme just that subtree).
<html data-material="glass" data-accent="lime" data-density="comfortable" data-font="editorial">