sh4dcnv2 · atlas
← libraries

@einui

Ein UI is a liquid-glass glassmorphism component library built with Radix UI primitives, Tailwind CSS v4, TypeScript, and React 19 (Next.js 16). It ships base components (glass-card, glass-button, glass-dialog, glass-input, glass-tabs, glass-badge, glass-avatar, glass-progress, glass-switch, glass-slider) and advanced glass components (command-palette, notification, morph-card, ripple, timeline, gauge, dock) plus calendar and clock widgets. Distributed via the shadcn registry format. Also includes an example admin panel block. Free and open source (ISC). Use for: adding a cohesive frosted-glass visual aesthetic with full dark mode to a Next.js app without hand-building every blur/backdrop-filter surface.

42 components react shadcn-cli MIT

Install this registry

shadcn (npm) npx shadcn@latest add https://ui.eindev.ir/r/registry.json
pnpm pnpm dlx shadcn@latest add https://ui.eindev.ir/r/registry.json
bun bunx shadcn@latest add https://ui.eindev.ir/r/registry.json
fetch registry curl -s https://ui.eindev.ir/r/registry.json

Components

42 total
Glass Avatar ui

Circular profile images with gradient glow effects and fallback initials for user representation.

npx shadcn@latest add https://ui.eindev.ir/r/glass-avatar.json
Glass Badge ui

Small visual indicators for status, labels, or categories with frosted glass styling and color variants.

npx shadcn@latest add https://ui.eindev.ir/r/glass-badge.json
Glass Button ui

Interactive button components with multiple variants, sizes, and optional glow effects.

npx shadcn@latest add https://ui.eindev.ir/r/glass-button.json
Glass Card ui

Flexible container components with frosted glass morphism effect, perfect for displaying grouped content.

npx shadcn@latest add https://ui.eindev.ir/r/glass-card.json
Glass Dialog ui

Modal dialog components with backdrop blur and smooth animations for confirmations and forms.

npx shadcn@latest add https://ui.eindev.ir/r/glass-dialog.json
Glass Input ui

Form input components with focus glow animations and glass morphism styling.

npx shadcn@latest add https://ui.eindev.ir/r/glass-input.json
Glass Progress ui

Visual indicators for task completion with animated gradient fill and glow effects.

npx shadcn@latest add https://ui.eindev.ir/r/glass-progress.json
Glass Slider ui

Range input controls with gradient track, glow effects, and smooth thumb interaction.

npx shadcn@latest add https://ui.eindev.ir/r/glass-slider.json
Glass Switch ui

Toggle controls for binary options with smooth transitions and glow effects when activated.

npx shadcn@latest add https://ui.eindev.ir/r/glass-switch.json
Glass Tabs ui

Tabbed interface components with smooth transitions and glass morphism styling.

npx shadcn@latest add https://ui.eindev.ir/r/glass-tabs.json
Glass Tooltip ui

Contextual information popups with glass morphism styling and smooth animations on hover.

npx shadcn@latest add https://ui.eindev.ir/r/glass-tooltip.json
Glass Command Palette component

A spotlight-style command palette with keyboard navigation, search filtering, customizable positioning, and glass morphism styling.

npx shadcn@latest add https://ui.eindev.ir/r/glass-command-palette.json
Glass Notification component

A customizable notification system with glass morphism styling, allowing for different types of messages and actions.

npx shadcn@latest add https://ui.eindev.ir/r/glass-notification.json
Glass Dock component

A dock component with glass morphism styling and smooth animations.

npx shadcn@latest add https://ui.eindev.ir/r/glass-dock.json
Glass Gauge component

A gauge component with glass morphism styling, suitable for displaying progress or performance metrics.

npx shadcn@latest add https://ui.eindev.ir/r/glass-gauge.json
Glass Morph Card component

A card component with a morphing glass effect, suitable for displaying content in a visually appealing way.

npx shadcn@latest add https://ui.eindev.ir/r/glass-morph-card.json
Glass Ripple component

A ripple effect component that can be applied to various elements for a dynamic interaction experience.

npx shadcn@latest add https://ui.eindev.ir/r/glass-ripple.json
Glass Spotlight component

A spotlight component that highlights specific areas of the UI with a glass morphism effect.

npx shadcn@latest add https://ui.eindev.ir/r/glass-spotlight.json
Glass Timeline component

A timeline component with glass morphism styling, suitable for displaying events or processes in a chronological order.

npx shadcn@latest add https://ui.eindev.ir/r/glass-timeline.json
Base Widget ui

base widgets component

npx shadcn@latest add https://ui.eindev.ir/r/base-widget.json
Calendar Widgets component

Calendar widgets for displaying dates, events, and scheduling information.

npx shadcn@latest add https://ui.eindev.ir/r/calendar-widget.json
Clock Widgets component

Clock widgets including analog, digital, world clock, stopwatch, and timer with liquid glass styling.

npx shadcn@latest add https://ui.eindev.ir/r/clock-widget.json
Weather Widgets component

Weather widgets for displaying temperature, conditions, forecasts, and hourly data with liquid glass styling.

npx shadcn@latest add https://ui.eindev.ir/r/weather-widget.json
Stats Widgets component

Statistics and metrics widgets for displaying data, comparisons, and progress with liquid glass styling.

npx shadcn@latest add https://ui.eindev.ir/r/stats-widget.json
Stock Widgets component

Stock market widgets for displaying stock prices, trends, and news with liquid glass styling.

npx shadcn@latest add https://ui.eindev.ir/r/stock-widget.json
Admin Panel block

A complete admin dashboard built with liquid glass components.

npx shadcn@latest add https://ui.eindev.ir/r/admin-panel.json
Glass Select component

A liquid glass styled select dropdown with frosted glass styling.

npx shadcn@latest add https://ui.eindev.ir/r/glass-select.json
Glass Textarea component

A liquid glass styled textarea with focus glow effects.

npx shadcn@latest add https://ui.eindev.ir/r/glass-textarea.json
Glass Checkbox component

A liquid glass styled checkbox with animated check indicator.

npx shadcn@latest add https://ui.eindev.ir/r/glass-checkbox.json
Glass Radio Group component

A liquid glass styled radio group with animated selection.

npx shadcn@latest add https://ui.eindev.ir/r/glass-radio.json
Glass Skeleton component

A liquid glass styled skeleton loading component with shimmer.

npx shadcn@latest add https://ui.eindev.ir/r/glass-skeleton.json
Glass Table component

A liquid glass styled table for displaying tabular data.

npx shadcn@latest add https://ui.eindev.ir/r/glass-table.json
Glass Breadcrumb component

A liquid glass styled breadcrumb navigation component.

npx shadcn@latest add https://ui.eindev.ir/r/glass-breadcrumb.json
Glass Sheet component

A liquid glass styled sheet/drawer with slide animations.

npx shadcn@latest add https://ui.eindev.ir/r/glass-sheet.json
Glass Popover component

A liquid glass styled popover for floating content.

npx shadcn@latest add https://ui.eindev.ir/r/glass-popover.json
Glass Alert Dialog component

A liquid glass styled alert dialog for confirmations.

npx shadcn@latest add https://ui.eindev.ir/r/glass-alert-dialog.json
Glass Separator component

A liquid glass styled separator/divider component.

npx shadcn@latest add https://ui.eindev.ir/r/glass-separator.json
Glass Scroll Area component

A liquid glass styled custom scrollbar component.

npx shadcn@latest add https://ui.eindev.ir/r/glass-scroll-area.json
Forgot Password Page block

A forgot password recovery page with email submission and confirmation state, including helpful tips and support contact.

npx shadcn@latest add https://ui.eindev.ir/r/forgot-password-page.json
Login Page block

A complete login page with email and password authentication, password visibility toggle, remember me option, and social login buttons.

npx shadcn@latest add https://ui.eindev.ir/r/login-page.json
Sign Up Page block

A complete sign up page with multi-step validation, password strength indicator, confirm password matching, and terms agreement checkbox.

npx shadcn@latest add https://ui.eindev.ir/r/signup-page.json
Pricing Page block

A modern pricing page with multiple plan tiers, billing toggle, feature comparison, FAQ section, and call-to-action buttons.

npx shadcn@latest add https://ui.eindev.ir/r/pricing-page.json