← Directory

Orea

Free

★ 1 • Updated Aug 2, 2026, 09:15 AM

Orea is a curated collection of premium, production-ready animated React components powered by Framer Motion.

Use Cases ▼

Adding micro-interactions to dashboards and SaaS products

Building animated landing pages and marketing sites

Prototyping interactive UI concepts rapidly

Enhancing React apps with ready-to-use animated elements

Integrating animated components into AI-generated interfaces

What Problem It Solves ▼

Orea eliminates the need for React developers to hand-code complex, polished animations from scratch. It provides a ready-made set of animated components that can be copied and pasted into projects, speeding up UI development while ensuring high-quality motion design and interactivity.

Key Features ▼

✓

Free and open source

✓

High-quality, production-ready animations

✓

Easy code copying directly from preview

✓

Wide variety of 43 premium components

✓

Built on Framer Motion for smooth performance

Overview

Orea is a curated collection of premium, production-ready animated React components powered by Framer Motion. It offers 43 components ranging from interactive UI elements like buttons, toggles, and dropdowns to more complex constructs such as carousels, dialogs, and chat interfaces. Each component comes with smooth, carefully crafted micro-interactions that are previewable on the website, and developers can flip a card to copy the code directly into their projects. The library is designed to help teams build modern, polished user interfaces quickly without sacrificing motion quality. Built with Framer Motion and React Three Fiber, Orea emphasizes performance and zero layout shift, shipping lightweight components that feel alive. It is free, open-source, and available as an npm package under the name orea-ui, targeting React developers who want to enhance their applications with delightful animations.