'/%3e%3cg%20transform='translate(170%20205)%20scale(0.3606)'%20fill='%23111011'%3e%3cpath%20d='M497%20640H359L248%20320%20122%20640H0L256%200z'/%3e%3cpath%20d='M292.43%20640H200.8L248%20522z'/%3e%3cpath%20d='M335%200h138l111%20320L710%200h122L576%20640z'/%3e%3c/g%3e%3c/svg%3e){kind=small}
Charts everyone can read
Keyboard reading, a table view and a written takeaway for every chart.
Ale Vasquez ·
Lab Pro Pro
Blocks
Sections to drop into a page, made only from the free components, so they follow your tokens and themes.
Included in Lab Pro
Blocks and templates are part of Lab Pro, with the 13 Figma plugins. The components they are built from are free. Get started with the free kit.
Header
Navbar with a mega menu, theme toggle and a call to action; a drawer on phones.
Hero
Badge, a serif title with a gradient word, lede, two actions, the orbs.
New · 13 Figma plugins
Design tools that play with you
Palettes, contrast, type scales, tokens and accessibility handoff, in Figma and in the browser.
Logo cloud
Customers or partners in a row.
Used by designers and engineers at
- Northwind
- Lumen
- Acme
- Globex
- Initech
- Umbrella
Image and text
Alternating rows of image and copy with a checklist; stacks on phones.
%22%2F%3E%3C%2Fsvg%3E)
Tokens
One source for every color
Primitives in OKLCH, semantic tokens for Dark and Light, and the same values as Figma variables.
- CSS variables and Tailwind preset
- Figma variables with code syntax
- Contrast checked in both themes
%22%2F%3E%3C%2Fsvg%3E)
Components
Accessible from the first commit
React Aria handles keyboard, focus and screen readers; axe checks every page in both themes.
- 100+ components
- Keyboard journeys tested
- Motion that respects your settings
How it works
Numbered steps in columns.
From tokens to shipped UI
Install
npm i @alea/ui, or copy components with the CLI.
Theme
Pick dark, light or system, and set your accent.
Build
Compose pages from components and blocks.
Numbers
A band of big counting numbers.
Components
110
Figma variants
1,400
Pages checked with axe
266
Icons
174
Blog
Latest posts as cards: 1, 2 or 3 columns by width.
From the blog
All posts%22%2F%3E%3C%2Fsvg%3E)
Accessibility
%22%2F%3E%3C%2Fsvg%3E)
%22%2F%3E%3C%2Fsvg%3E)
Team
People with avatars and roles.
The team
Ale Vasquez
Design Systems Architect
Ana Rivas
Product designer
Bruno Díaz
Frontend engineer
Carla Mendes
Accessibility lead
Contact
Details next to a form, on a 12-column grid.
Let's talk
Questions about the kit, Lab Pro or a custom design system? Write, we answer within two days.
Caracas, Venezuela · remote
Feature grid
A titled grid of features with icons.
Why it works
Everything a design system needs
Accessible by default
Keyboard, screen readers and contrast handled, and tested on every release.
Dark and light
One attribute switches the theme, for the page or any area.
The same in Figma
Variables and components made from the same tokens as the code.
A little fun
Warm surfaces, the purple to yellow accent, motion that respects your settings.
Pricing
Plans with a monthly and yearly switch; the featured plan glows.
Simple pricing
One plugin
The plugin you need, for good.
$9 once
- Full version of one plugin
- Its updates included
Lab Pro
Most pickedEvery plugin and Alea Pro.
$29 a year
- All 13 plugins
- New plugins as they launch
- UI blocks and templates
- Cancel anytime
Lifetime
Pay once, keep everything.
$79 once
- Everything in Lab Pro
- Every future plugin
Testimonials
Quotes with people (sample content to replace).
What people say
A short quote about the problem it solved, in the customer's words.
Sample customer
Design lead (example)
What changed for their team after they started using it.
Sample customer
Engineer (example)
One specific moment where it helped.
Sample customer
Product designer (example)
FAQ
Questions in a joined accordion.
Questions
Call to action
A closing banner on the orbs.
Ready to make it yours?
Thirteen plugins, the UI kit and every update, for less than a coffee a month.
Sign in
Email and password, a provider, reset and sign-up links.
Sign up with a code
Details, then a one-time code.
Stats
KPIs with their change.
Active users
5,725
+18%up from before
Revenue
$2,480
+7%up from before
Conversion
3.4%
-2%down from before
Refunds
3
+50%up from before
Data table
Search, filter, sort, select with bulk actions, row menus, pagination.
Orders
Order | Customer | Plan | Amount | Status | Date | Actions | |
|---|---|---|---|---|---|---|---|
| #1074 | Orbit Apps | One plugin | $9.00 | Refunded | 2026-10-17 | ||
| #1057 | Nube Studio | Lifetime | $79.00 | Paid | 2026-10-17 | ||
| #1040 | Studio Norte | Lab Pro yearly | $29.00 | Paid | 2026-10-17 | ||
| #1075 | Nube Studio | Lifetime | $79.00 | Pending | 2026-10-16 | ||
| #1058 | Studio Norte | Lab Pro yearly | $29.00 | Refunded | 2026-10-16 | ||
| #1041 | Pixel & Co | One plugin | $9.00 | Paid | 2026-10-16 | ||
| #1076 | Studio Norte | Lab Pro yearly | $29.00 | Paid | 2026-10-15 | ||
| #1059 | Pixel & Co | One plugin | $9.00 | Pending | 2026-10-15 |
42 orders
Onboarding
First-run tasks with progress.
Get started
1 of 4 done
Create your accountDone in 30 seconds
Install a pluginOpen Figma and run Palette Generator
Make your first paletteFrom your brand color
Invite a teammateLab Pro seats are shared
Notifications
Unread markers and mark-all-read.
Notifications
2 newYour palette "Fun Lab" was exported to Tailwind.Palette Generator · 2 min ago
Commented on Spec Sheet: "Can we add the hover state?"Grace Hopper · 1 h ago
Your license renews on October 17, 2027.Lab Pro · Yesterday
Settings
Profile, notifications and the danger zone in tabs.
Profile
Notifications
Account