Omni UI

Lightweight UI framework for Bun with file routing, server components, and UnoCSS.

Install

bun add @omnixui/omniui

Quick Start

bunx omniui create my-app
cd my-app
bun dev

Features

• File Routing — pages are files, routes are automatic
• Server Components — 'use server' for server-side logic
• UnoCSS — instant atomic CSS engine
• Asset Pipeline — optimized images, video, audio out of the box
• Page Transitions — smooth canvas-based navigation
• TypeScript — strict mode, full type safety

Components

Component	Description
LiquidGlass	Glassmorphism with backdrop-blur
TiltCard	3D tilt effect on mouse hover
FollowField	Children follow cursor movement
Alert	Toast notifications with swipe gestures
Sticker	Lottie animations with gzip decompression
Gradient	Interactive gradient following mouse
Theme	Dark/light theme toggle

import { LiquidGlass, TiltCard, Theme } from "@omnixui/omniui";

function App() {
  return (
    <Theme>
      <LiquidGlass class="p-8">
        <TiltCard>
          <h1>Omni UI</h1>
        </TiltCard>
      </LiquidGlass>
    </Theme>
  );
}

Documentation

Visit the GitHub repo for documentation and examples.

Contributing

Contributions are welcome! Please read our Contributing Guide first.

License

MIT © oniguru-dev