Zed UI

Ship Polished Interfaces Effortlessly.

Zed UI is a premium, motion-rich component library built for React and Tailwind CSS. It’s designed for developers who want to create high-fidelity, production-ready interfaces with a focus on vibrant aesthetics and smooth animations.

Explore the Docs | View Components | Twitter / X

---

✨ Features

• 🎨 Rich Aesthetics: Curated color palettes and sleek dark modes out of the box.
• 🎬 Premium Motion: High-fidelity animations powered by Framer Motion.
• 📦 Copy-Paste Workflow: Just like shadcn/ui, copy the code and own it.
• 🛠️ Type Safe: Built with TypeScript for the best developer experience.
• 🌗 Theme Ready: Seamless integration with Light and Dark modes.
• ⚡ Optimized: Fast, accessible, and ready for production.

🚀 Tech Stack

• Framework: Next.js 15
• Styling: Tailwind CSS 4
• Animations: Framer Motion
• Components: Radix UI
• Icons: Lucide React
• Types: TypeScript
• Linting: Biome

🛠️ Getting Started

Prerequisites

• Node.js 22.x or higher
• pnpm (recommended)

Local Development

1. Clone the repository:

   git clone https://github.com/shivaydv/ZedUi.git
   cd ZedUi

2. Install dependencies:

   pnpm install

3. Run the development server:

   pnpm dev

Open http://localhost:3000 with your browser to see the result.

📖 Component Usage

Zed UI follows a distribution model where you can add components directly to your project using a CLI or manual copy-paste.

Example adding a button:

npx shadcn@latest add https://zedui.vercel.app/registry/button.json

🤝 Contributing

We love contributions! Please read our CONTRIBUTING.md to learn how you can help.

📄 License

Licensed under the MIT License.

---

Built with ❤️ by Shiva Yadav