Build your Proa design system
A shadcn-inspired design system with component source in your repo, in typed Rust. Server-rendered and fast, made for humans and agents alike.
- No. This build opens and closes with radio inputs and CSS alone.Yes. It follows the WAI-ARIA disclosure pattern.The source lives in your repo, so yes.
Accordion
FreeSingle or multiple open panels, with a CSS-only build that ships no JavaScript at all.
Invoice Status Amount INV-2041 Paid $1,499.00 INV-2042 Pending $399.00 INV-2043 Paid $399.00 INV-2044 Refunded $399.00 Table
FreeHeader, body, footer, and caption parts that compose into dense record views.
Button
FreeSolid, outline, ghost, and link variants across three sizes and three intents.
Used in your deploy URL.
Server render by defaultShip islands only when neededField
FreeLabels, descriptions, and error text wired to any control, in either orientation.
Deploy preview
Pushed 2 minutes ago to main.
- Render
- 41µs
- Client JS
- 0kB
Built from source in your repo.Card
FreeHeader, content, and footer slots for the surface most product screens are built from.
Calendar
ProSingle and range selection, month paging, and keyboard navigation, rendered as plain HTML.
- Weekly requests36.2k
Chart
ProArea, bar, line, donut, and stacked series drawn as pure SVG on the server.
Input OTP
ProGrouped one-time-code slots with separators, size variants, and a caret you can style.
- MEYouCan an agent add a settings page to this app?9:41AIProaYes. Every component is typed Rust in your repo, so the compiler checks the edit before it ever reaches a browser.9:41MEYouHow much JavaScript does that ship?9:42
Chat
ProMessage bubbles, avatars, timestamps, and typing indicators for assistant surfaces.
html_sync! { {Card { class: None, children: Some(html_sync! { {CardTitle { class: None, children: Some(row.id) }} {CardFooter { class: None, children: Some(row.due) }} }), }} }Code Block
ProSyntax highlighting done on the server, so no highlighter ships to the browser.
- 58components, every one with a live example, a props table, and Rust you can copy.
See more in the docs
The full catalog, from primitives to paid product surfaces.
Scroll sideways or use the arrow keys to move through the component demos.
Blocks
Whole screens, not just parts.
Sign Up
Create an account for your Proa workspace.
Notifications
Control which product events reach your team.
Proa UI Pro
ProAdvanced product surfaces for Rust teams.
then $399/month for updates
Data Table
Sorting, selection, density controls, and command actions for application data.
Payment Method
Add a card before purchasing a license.
Share Project
Invite teammates and set access levels.
Report an issue
Capture feedback from a preview build.
Welcome to Proa
Enter your credentials to access your account.