Themes

Pick a preset and radius to preview real UI, then apply it across the site.

CLI installs

vinyaas add across the last six weeks.

1,096

+18% vs prior period

Registry

Docs privacy

What analytics the playground may collect.

Essential

Theme preference and package manager choice.

Product analytics

Anonymous which presets get tried most often.

Error reporting

Client exceptions from broken compositions.

Ship checklist

Before tagging the docs release.

3 of 5 done · 60%v1.1

Quick jump

⌘K

Radius lab

Same card under the selected radius token.

Preview surface

Uses --radius

BadgeOutline

Accessibility pass

AAFocus visibleReduced motion

Contrast follows semantic tokens. Destructive actions use the destructive palette — never raw red.

Combobox

Searchable assignee filter with a selected value.

Registry traffic

Component JSON fetches this week.

365

Peak on Thursday

Support thread

Init failed on a fresh Next app.

DV

Dev from Lisbon

#install-help

vinyaas init stops after writing components.json.
Check Tailwind v4 PostCSS — we can paste the expected @theme block.

Resizable

Sidebar and content with a drag handle.

Sidebar
Content

Playground feedback

Invite an editor


YO

You

Full access

Owner

Calendar

Selected range, today accents, and month navigation.

March 2026

Empty state

Icon, title, description, and primary action.

No projects yet

Create your first project to start organizing work.

Workspace access

Roles for people who ship the catalog.

SK

Sarang Kumar

you@vinyaas.dev

AL

Ada Lovelace

ada@engine.dev

GH

Grace Hopper

grace@navy.dev

Create workspace

Start a Vinyaas-backed design system repo.


or

Release channel

Token diff

Primary changed when Yellow is selected.

Before

oklch(0.21…)

After

var(--primary)

Upload tokens

brand-tokens.css

94 KB · mapping…

58%

Date picker

Calendar icon with spaced selected-date label.

Form

Field labels, description, and a compact save action.

Account notifications go here.