UI Kit Workbench

Generate a fresh UI kit

Select a style preset, adjust your palette, and download HTML, Tailwind, and React exports.

Get 1 free UI Kit credit

Create a free Wigley Studios account and we’ll automatically drop a complimentary UI Kit generation credit into your dashboard.

Configuration

Use entitlement Style preset

Studio subscription required. Unlock all premium presets with Studio access.

Colors

Primary

#0F172A

Accent

#20C6B7

Background

#FFFFFF

Muted

#E2E8F0

Text

#0F172A

Components

Mix and match component families. Unlimited tier covers the entire mini design system.

Hero layouts Navigation Buttons Cards Stats Forms Auth flows Dashboard shell Data table Billing cards Tabs Alerts Modal Toast Pricing Footers

Output formats

HTML + CSS Tailwind React

Border radius Shadow

Entitlements

Loading...

Recent kits

Loading history...

Live preview

Thank You!

Your UI Kit is ready in Recent kits.

After you've explored your new components, we'd love to hear what you think.