Demo Registry Version License TypeScript Next.js%2016 Tailwind%20CSS

Next.js 16 Starter

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.

• 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.

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

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

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

pnpm analyze
# or npm run analyze

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.

• 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

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

Happy building! 💡