Ein UI — Liquid Glass Components (Shadcn Registry)

<img src="public/screenshot.png" alt="Next.js 16 Starter" style="display: block; margin: 0 auto; border-radius: 15px; max-width: 80%;" /> <br/>

Welcome! Ein UI is a collection of beautiful, ready-made "liquid glass" components that you can preview, copy, and use in your website or app. This guide explains how to preview the components, get code snippets, and add a component to your project — no developer knowledge required.

✅ Great for: designers and frontend developers who want shareable, copy-and-paste UI components with consistent design patterns and built-in accessibility.

---

Key features

• Collection of handcrafted, accessible components built on top of Radix UI primitives and Tailwind CSS v4 (TypeScript + React 19).
• Components are distributed using the shadcn registry format — components are easy to install into other projects using the shadcn CLI.
• Built-in documentation site and component previews (Next.js 16 + app router)
• Example page templates / blocks (e.g., Admin Panel) to showcase layout patterns.
• Zod validation examples and server/client component patterns for modern full-stack apps.

---

Quick links

• Preview docs: Live preview
• Registry JSON: Registry JSON
• Try components: For details, see app/docs/components/*

---

Get started (local development)

Requirements: Node.js 20+ (recommended), pnpm (optional but used in this repo), or npm/yarn.

1. Clone the repo

git clone https://github.com/ehsanghaffar/ein-ui.git
cd ein-ui-shadcn-register

2 Install dependencies

# using pnpm
pnpm install

# or using npm
npm install

# or yarn
yarn install

3 Run development server

pnpm dev
# or npm run dev
# App runs on http://localhost:3000

Using Next.js 16.1.0 bundle analyzer

To analyze your Next.js bundle, you can use the built-in experimental analyzer:

pnpm analyze
# or npm run analyze

Contributing

Contributions welcome! Please read CONTRIBUTING.md and follow the issue and PR templates when submitting work.

• Run pnpm lint to check code style
• New components should include comprehensive examples under app/docs/components/* and should declare any required dependencies in registry.json

Where to find guidance:

• Docs pages in the repo (https://ui.eindev.ir/docs) include live previews and code snippets.
• Use shadcn registry format to make your component discoverable via the CLI.

Please also see CODE_OF_CONDUCT.md and SECURITY.md for reporting guidelines.

---

Support and help

• If the repository is hosted on GitHub, open an issue on the repo or create a Pull Request to propose changes
• For general usage of shadcn CLI ui.shadcn.com

---

Maintainers

• Maintained by Ehsan Ghaffar.
• Contributions are welcome — please open PRs and issues on the repo.

---

Happy building! 💡