Einui Liquid Glass ComponentsEinUI
Documentation

Introduction

Ein UI is a collection of beautifully-designed, liquid glass styled components built on top of Shadcn UI. Fully accessible, customizable, and ready to use in your Next.js projects.

Quick Start

Get up and running in seconds with a single command

npx shadcn@latest add @einui/glass-card

Or add all components at once:

npx shadcn@latest add @einui/glass-button @einui/glass-input

Liquid Glass Design

Beautiful transparency effects, smooth gradients, and sleek glow animations that bring your UI to life.

Open Code

Full access to component source code. Copy, paste, and customize to fit your exact needs.

Tailwind CSS v4

Built with the latest Tailwind CSS v4 features including CSS variables and the new theming system.

Shadcn Compatible

Works seamlessly with the Shadcn CLI. Install components directly into your project structure.

Philosophy

"This is not a component library. It is how you build your component library."

Ein UI follows the same principles as Shadcn UI - components are not installed as a package dependency. Instead, you get the actual source code copied into your project.

This approach gives you:

  • Full control over every line of code
  • Easy customization without fighting overrides
  • No dependency bloat or version conflicts
  • AI-friendly code that LLMs can understand and modify