A free, open-source React UI library — premium quality, zero cost.
Orea is a free, open-source component library for building fast, polished products with React. Every component is animated with Framer Motion, built on a consistent design system, and free to use — no license, no attribution required, no catch.
Install the package, or copy the source straight into your own project. Either way, it's yours.
npm install @oreaui/orea-ui| Repo | What it is |
|---|---|
| orea | The main UI library — free, modern React components built with Framer Motion. |
| orea-ui | The npm package. Install it or copy components straight into your project. |
| orea-tokens | Design tokens — colors, typography, spacing, and radius, documented as a single source of truth. |
| orea-skill | An Agent Skill that teaches AI coding assistants (Claude, Cursor, and others) to build new components that match Orea's design system automatically. |
| .github | Org-wide community health files and this profile. |
Want to add a component? Open a pull request — we review every one.
To keep new components consistent with the rest of the library:
- Follow the values in orea-tokens for color, type, spacing, and radius
- If you're using an AI coding assistant, point it at orea-skill — it teaches the model Orea's conventions automatically, so generated components match the existing style
- Keep animations built on Framer Motion, consistent with the rest of the kit
Found a bug or have feedback? Open an issue, or reach out directly — we read everything.
- Website — orea.ink
- Email — info@orea.ink
- WhatsApp — wa.me/989203960898
Built by the team at Talentnet