RAVN UI is a strictly designed, high-performance, and CDN-first UI library inspired by the precision of Linear and the flexibility of shadcn/ui. Built for developers who prioritize clarity, scale, and zero-configuration speed.
- Elite Aesthetic: High-fidelity design tokens, Inter typography, and a 4px precision spacing scale.
- CDN-First: No build tools, no npm installation required. Just copy-paste and build.
- Modular Architecture: Source files are split into logical modules (Tokens, Base, Components, Utilities).
- Premium Themes: Includes 13 professional themes inspired by Supabase, Linear, and Claude.
- Functional Documentation: Built-in interactive search, scroll-sync, and one-click code copying.
Add the following to your <head>:
<!-- Core Styles -->
<link rel="stylesheet" href="https://unpkg.com/@ravn-ui/core/dist/ui.css">
<link rel="stylesheet" href="https://unpkg.com/@ravn-ui/core/dist/themes.css">
<!-- Core Logic -->
<script src="https://unpkg.com/@ravn-ui/core/dist/ui.js"></script># Using Bun
bun add @ravn-ui/core
# Using NPM
npm install @ravn-ui/coreIf you prefer to use the modular source files for your own build pipeline:
@import "@ravn-ui/core/src/css/tokens.css";
@import "@ravn-ui/core/src/css/base.css";
@import "@ravn-ui/core/src/css/components.css";
@import "@ravn-ui/core/src/css/utilities.css";Check live interactive documentation at: https://ravn-ui.vercel.app
Run a local server and open index.html to explore the full interactive documentation and component playground.
RAVN UI © 2026. Built for those who build the future.