UI Componentsshadcn registry

A collection of React components designed for the server-first era. Every component ships with a matching server-side skeleton—no 'use client' required—so your loading states render instantly without hydration delays. Built on shadcn/ui patterns with glassmorphism variants, theme colors, and subtle animations that respect reduced motion preferences.

Installation

First, add the registry to your project's components.json:

{
  "registries": {
    "@orecus": "https://orecus.io/r/{name}.json"
  }
}

Then install any component using the shadcn CLI:

$ npx shadcn@latest add @orecus/card

Or use the full URL directly:

$ npx shadcn@latest add https://orecus.io/r/card.json

Install or update all components:

$ npx shadcn@latest add @orecus/enhanced-button @orecus/category-card @orecus/card @orecus/badge-card @orecus/entity-card @orecus/image-card @orecus/header @orecus/entity-grid @orecus/entity-table @orecus/timeline @orecus/progress @orecus/stat-card @orecus/stat-ring @orecus/stat-trend @orecus/stat-comparison @orecus/stat-list @orecus/stat-delta @orecus/stat-badge @orecus/stat-bullet @orecus/stat-gauge @orecus/enhanced-empty-state @orecus/entity-hero @orecus/sparkline @orecus/area-chart @orecus/line-chart @orecus/bar-chart @orecus/pie-chart @orecus/radial-chart @orecus/combined-chart @orecus/funnel-chart @orecus/sankey-chart @orecus/sunburst-chart @orecus/heatmap-chart @orecus/radar-chart @orecus/scatter-chart @orecus/loading-overlay @orecus/info-bar @orecus/breadcrumb @orecus/sidebar @orecus/entity-page @orecus/image-gallery @orecus/tabs @orecus/dashboard @orecus/analytics @orecus/app-shell -y -o

This registry uses the base-vega style for shadcn/ui components. There might be differences if you use something different.

AI Assistant Documentation

Using an AI coding assistant? Point it to /llms.txt for comprehensive component documentation including props, usage examples, and API details.