Ein Registry

Shadcn-compatible Liquid Glass Components

Quick Installation

Add Ein Liquid Glass components to your project using the shadcn CLI

1. Add the registry to your components.json

"registries": { "@einui": "/api/r/{name}" }

2. Install components

npx shadcn@latest add @ein/glass-card

Or install directly via URL

npx shadcn@latest add /api/r/glass-card

Available Components

Glass Card

component

Card with transparency and glow effects

@einui/glass-cards

Glass Button

component

Button with multiple variants and glow

@einui/glass-buttons

Glass Input

component

Input field with focus glow animation

@einui/glass-inputs

Glass Tabs

component

Tabs with smooth transitions

@einui/glass-tabs

Glass Dialog

component

Modal dialog with backdrop blur

@einui/glass-dialogs

Glass Badge

component

Badge with multiple color variants

@einui/glass-badge

Glass Avatar

component

Avatar with gradient glow

@einui/glass-avatar

Glass Progress

component

Progress bar with animated gradient

@einui/glass-progress

Glass Switch

component

Toggle switch with glow effect

@einui/glass-switch

Glass Slider

component

Range slider with gradient track

@einui/glass-slider

Glass Tooltip

component

Tooltip with glass styling

@einui/glass-tooltip

Admin Panel

block

Complete admin dashboard block

@einui/admin-panel

Registry Index URL

Full registry manifest with all components

/r/registry.json