By the creators of Ilha

Handcrafted UI for Ilha

A practical UI kit for building Ilha apps faster — without giving up ownership of your components. Import first, eject later.

Get Started View on GitHub
npm install areia

Why Areia

  • Import first, eject later

    Ship quickly with ready-made components, then copy the source when a piece needs custom behavior.

  • Built for Ilha

    Components, primitives, and docs follow Ilha conventions from day one — JSX or html literals.

  • Vanilla TypeScript core

    Framework-light implementation you can read, change, and own without fighting generated CSS.

  • Tailwind-native theming

    Design tokens map to utilities. Override --areia-* and restyle without a second design system.

Try the full set

Every Areia component in one place — click around, then open a title when you want the full API and examples.

Getting started
Badge
PrimarySecondarySuccessOutline
Banner

Heads up

Banner demo for inline notices.

Breadcrumbs
Button
Checkbox
Clipboard Text
npm install areia
Collapsible
A vanilla TypeScript UI kit for Ilha — import first, eject later.
Combobox
Context Menu
Right-click me
Date Picker
May 2026

May 2026

S
M
T
W
T
F
S
Dialog
Dropdown
Field

We'll never share it.

Hover Card
Icon
Input
Label
Layer Card
Nested card
LayerCard is used throughout the docs shell.
Link
Inline link Plain link
Pagination
Showing 11-20 of 95
Popover
Progress
Uploading
Radio
Plan
Resizable
Left
Right
Select
Slider
Sonner
Spinner
Switch
Table
Name Role
Ada Engineer
Grace Designer
Tabs
Tab panels switch related views in place.
Textarea
Toggle
Tooltip