Package Exports

@ravn-ui/core
@ravn-ui/core/dist/ui.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@ravn-ui/core) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

RAVN UI

A zero-config UI library you can use instantly without Tailwind or React.

NPM Version License

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.

✨ Key Features

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.

🚀 Quickstart

Via CDN (Recommended)

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>

Via Package Manager

# Using Bun
bun add @ravn-ui/core

# Using NPM
npm install @ravn-ui/core

🏗️ Modular Usage

If 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";

📖 Documentation

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.