Get Started
Installation
How to install Ein UI components and configure your project.
Prerequisites
Make sure you have the following installed
- Next.js 14+ (App Router recommended)
- Tailwind CSS v4
- Shadcn UI initialized in your project
New to Shadcn? Run npx shadcn@latest init first.
Installation Methods
Using the Shadcn CLI
The fastest way to add components to your project
1. Add a single component
npx shadcn@latest add @einui/glass-card
2. Add multiple components
npx shadcn@latest add @einui/glass-button @einui/glass-input
3. Using the @ein registry namespace
Add the registry to your components.json first:
components.jsonbash
{"registries": {"@einui": "@einui/{name}"}}
Then install using the namespace:
npx shadcn@latest add @einui/glass-card
All Components
CLI Commands
Copy any command to install the component
glass-card
npx shadcn@latest add @einui/glass-card
glass-button
npx shadcn@latest add @einui/glass-button
glass-input
npx shadcn@latest add @einui/glass-input
glass-dialog
npx shadcn@latest add @einui/glass-dialog
glass-tabs
npx shadcn@latest add @einui/glass-tabs
glass-badge
npx shadcn@latest add @einui/glass-badge
glass-avatar
npx shadcn@latest add @einui/glass-avatar
glass-progress
npx shadcn@latest add @einui/glass-progress
glass-switch
npx shadcn@latest add @einui/glass-switch
glass-slider
npx shadcn@latest add @einui/glass-slider
glass-tooltip
npx shadcn@latest add @einui/glass-tooltip