A premium component library with glass effects, dark-first theming, and 500+ modular components. Install the foundation, extend with what you need.
Real components, rendered live. Every element follows the glassmorphism design language.
Choose from 10 accent colors — Lime, Blue, Teal, Purple, Pink, and more.
Every component follows the glassmorphism design language with consistent tokens and patterns.
Every surface uses backdrop blur, subtle borders, and inset shadows for a premium glass effect.
Seamless theme switching with CSS custom properties. Every token adapts automatically.
Install the base package for design tokens and theming, then copy individual components into your project.
Each component is a self-contained folder with TSX, CSS Module, and barrel export — built on the Omnira foundation.
No Tailwind required. Built entirely with CSS Modules and custom properties for full control.
Built with semantic HTML, ARIA attributes, keyboard navigation, and focus management.
Three steps to a beautiful glassmorphism UI.
Run npx omnira-ui init to choose your accent color, theme mode, and generate your config.
Pick the components you need from the docs. Each one is a self-contained folder — just drop it into your project.
Tweak the CSS variables to match your brand. The glassmorphism system adapts to any color palette.
Choose from 10 built-in accent color presets. Every token, shadow, and border adapts instantly.
npx omnira-ui initto pick your accent colorEverything you need to know about Omnira UI.
Yes. Omnira UI is open source and free for personal and commercial projects. Install the base design system and copy any components you need.
Absolutely. Omnira UI uses CSS Modules and CSS custom properties with zero framework lock-in. It works with any React-based framework out of the box.
Omnira UI is built around a glassmorphism design language — backdrop blur, inset shadows, and glass surfaces on every component. It ships with 10 accent color presets and a dark-first theme system.
No. Omnira UI is built entirely with CSS Modules and CSS custom properties. No Tailwind dependency — you have full control over every token.
Yes. Run npx omnira-ui init to choose from 10 accent colors (Lime, Blue, Teal, Purple, Pink, and more). The CLI generates your config and CSS overrides automatically.