THE ORCHID DESIGN SYSTEM

Thoughtful UI.
Ready for real work.

The components behind Orchid, opened up.
Quiet details, useful blocks, and a foundation to make your own.

Less time on the basics.
More room for your ideas.

107 installable itemsReact · Tailwind · shadcn
bunx shadcn@4.23.0 add https://ui.orchid.ai/r/orchid-ui.json
Alex's workspace Interactive example
A LITTLE SPACE TO FOCUS

Good morning, Alex ☀

Here's what you can move forward today.

Your daily overview
Granola

David Kim from SalesforceSalesforce sent over the signed term sheet. I've cross-checked the legal terms and prepared the counter-signature for your approval.

Draft Hi David, thanks for sending this over. I've reviewed the final terms…

Rachel Torres invited you to Quarterly Board Sync. I've cleared your slot and prepared a meeting brief with last quarter's growth metrics.

Wed, Jan 22 2:00 PM

Joe requested a refund because we don't support Notion integration yet.

Refund $20 to Joe
SMALL DETAILS, CONSIDERED TOGETHER

A system that feels like a whole.

Soft surfaces. Clear type. Just enough motion.
Everything shares the same visual language.

Every interaction, considered.

Buttons that feel pressed. Focus you can see.

Explore buttons
01
02
03
04
05
06

A quieter kind of color.

Neutral scales with room for what matters.

Explore the theme
Gmail
Google Calendar
Notion

Familiar, down to the icon.

Provider marks and practical little primitives.

Explore providers
START WITH SOMETHING GOOD

Your next interface
starts a little further along.

Find your building block