emerald-ui's avatar

Emerald UI

by emerald-ui

Emerald UI is a collection of components designed for developers using Motion, GSAP, Tailwind CSS, and shadcn/ui.

May 15, 2026
open-source
Emerald UI screenshot

Overview

Emerald UI is a collection of components designed for developers using Motion, GSAP, Tailwind CSS, and shadcn/ui. Its main purpose is to provide a versatile and visually appealing set of UI components that can seamlessly integrate into applications built with React and Next.js. This library offers a robust foundation for creating interactive and engaging user interfaces while leveraging the power of modern web technologies.

By combining the flexibility of Tailwind CSS with the animation capabilities of GSAP and Motion, Emerald UI allows developers to build dynamic applications that enhance user experience. Whether you're working on a finance platform, e-commerce site, or a creative portfolio, Emerald UI provides the tools necessary to elevate your project's design and functionality.

Registry

Install via the shadcn CLI registry:

npx shadcn@latest add @emerald-ui/component-name