Start here
Build your interface from source.
Ein UI is a shadcn-compatible collection of liquid-glass components for React and Next.js. Add the files you need, then make them yours.
Start with one component
If shadcn is already initialized in your app, copy this command and inspect the generated file.
npx shadcn@latest add @einui/glass-card
The CLI copies the component source into your project. It does not add an Ein UI runtime package.
Follow the complete installation guideChoose your path
I am starting a project
Initialize shadcn first, then return here to add the component source you need.
Set up the CLIUseful first components
Start with primitives that give you a foundation for larger surfaces.
Glass ButtonInteractive button components with multiple variants, sizes, and optional glow effects.Glass CardFlexible container components with frosted glass morphism effect, perfect for displaying grouped content.Glass InputForm input components with focus glow animations and glass morphism styling.Glass DialogModal dialog components with backdrop blur and smooth animations for confirmations and forms.Glass TabsTabbed interface components with smooth transitions and glass morphism styling.
You own the result
Ein UI follows the source-ownership model: components are copied into your codebase, where you can change markup, styles, behavior, and dependencies without waiting for a library release.