Einui Liquid Glass ComponentsEinUI
Star
Ein UI
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.json
{
  "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