🚀 Introduction

Beautifully designed components you can copy and paste into your apps.
Accessible. Customizable. Open Source.

Sera UI is a reusable component library for React, Next.js, and other JSX-based libraries.
Currently, we support React and Next.js only.

Our goal is to create next-level UI with minimal code, optimal performance, and a modern feel.

#✨ Features

• 🎨 Modern design with clean UI
• ⚡ Built with performance and accessibility in mind
• 🧱 Easy to customize with Tailwind CSS
• 🔄 Animations powered by framer-motion
• 🧩 Lucide icons out of the box

📦 Installation

You need to install tailwindcss and a few dependencies that power animations and icons:

npm install framer-motion lucide-react

💡 Why Sera UI?

“I’m a JavaScript library creator, not a professional designer. But after building several front-end projects, I realized I needed my own UI system to streamline everything.”

Sera UI is born from real development needs — built by a developer, for developers.

🌐 Inspired By

This project is inspired by many amazing UI libraries:

- [UI Layout](https://www.ui-layouts.com/)
- [Aceternity UI](https://ui.aceternity.com/)
- [shadcn/ui](https://ui.shadcn.com/)
- [Hero UI](https://www.heroui.com/)

And many others that continue to inspire the frontend community.