sh4dcn
Registries
ActiveTheming/styling120

@einui

Theming/styling · MIT · data updated 2026-07-28

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.

WebsiteDocsGitHubComponents folderAgent brief (.md)
aestheticauthblocksbuttonscardsdashboarddesign-systemformsglassmorphismhooksloadersmedianavigationoverlaystablestheming

Install

npx shadcn@latest add https://ui.eindev.ir/r/registry.json

Health

StatusActive
Last commit3 weeks ago
LicenseMIT
Open issues5
ArchivedNo
Stars120

Components (42)

glass-avatarglass-badgeglass-buttonglass-cardglass-dialogglass-inputglass-progressglass-sliderglass-switchglass-tabsglass-tooltipglass-command-paletteglass-notificationglass-dockglass-gaugeglass-morph-cardglass-rippleglass-spotlightglass-timelinebase-widgetcalendar-widgetclock-widgetweather-widgetstats-widgetstock-widgetadmin-panelglass-selectglass-textareaglass-checkboxglass-radioglass-skeletonglass-tableglass-breadcrumbglass-sheetglass-popoverglass-alert-dialogglass-separatorglass-scroll-areaforgot-password-pagelogin-pagesignup-pagepricing-page
Components: glass-avatar, glass-badge, glass-button, glass-card, glass-dialog, glass-input, glass-progress, glass-slider, glass-switch, glass-tabs, glass-tooltip, glass-command-palette, glass-notification, glass-dock, glass-gauge, glass-morph-card, glass-ripple, glass-spotlight, glass-timeline, base-widget, calendar-widget, clock-widget, weather-widget, stats-widget, stock-widget, admin-panel, glass-select, glass-textarea, glass-checkbox, glass-radio, glass-skeleton, glass-table, glass-breadcrumb, glass-sheet, glass-popover, glass-alert-dialog, glass-separator, glass-scroll-area, forgot-password-page, login-page, signup-page, pricing-page

Preview

Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.

@einui · glass-avatar

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