Koori UI

Installation

Install Koori UI in your React project.

Install the package

npm install koori-ui

Import the styles

Import the CSS once in your root layout or entry file:

// Next.js app/layout.tsx
import "koori-ui/styles.css";

Start using components

import { GlassButton, GlassCard, GlassCardBody } from "koori-ui";
 
export default function App() {
  return (
    <GlassCard>
      <GlassCardBody>
        <GlassButton variant="primary">Get Started</GlassButton>
      </GlassCardBody>
    </GlassCard>
  );
}

Requirements

  • React ≥ 19
  • Next.js ≥ 14 (or any bundler that supports ESM)
  • No Tailwind CSS setup required in your app — styles are pre-compiled

Previous

Introduction

Next

Theming

On this page