Skip to content
DocsSupportPricing
Roadmap (has updates coming soon)XFigma3.3K
Overview
  • Introduction
  • Get Started
  • License Setup
  • Styling
  • Registry
  • MCP Server
  • Agent Skills
  • llms.txt
  • RTL
  • Changelog
MCP Server
  • Claude
  • CodexCodexCodex
  • Cursor
  • Grok
  • Conductor
  • v0
  • Lovable
  • Replit
  • Bolt
  • OpenCode
  • VS Code
  • GitHub Copilot
  • Kilo Code
  • Zed
  • Antigravity
Components
  • Alert
  • Autocomplete
  • Badge
  • Data GridRebuilt on TanStack Table v9, with pinning now start/end
  • Date Selector
  • Event CalendarNew event calendar component with five views
  • File Upload
  • FiltersSizing and interaction refinements
  • Frame
  • GanttNew gantt component with day to year scales
  • Icon Stack
  • Icon TileNew icon tile component with five surface variants
  • KanbanonValueCommit callback and accessibility improvements
  • Number Field
  • Phone Input
  • Rating
  • Scrollspy
  • SortableonValueCommit callback and accessibility improvements
  • StepperRender prop composition and styling refinements
  • Timeline
  • Tree

License Setup

PreviousNext

Configure your ReUI license key for premium registry installs.

Use this guide when you want to install premium ReUI registry items with the shadcn CLI. Free components do not require a license key, but premium blocks, icons, and templates do.

Your License Key

Use the license key from your ReUI account:

You need to be logged in to see your license key

Login

CLI Installation

This is the recommended setup for premium registry installs.

Prerequisites

  • A React project with shadcn/ui initialized
  • Node.js 18 or newer
  • A components.json file in your project root

Add your license key

Put it in .env.local in the root of your project:

REUI_LICENSE_KEY=your-license-key-here

Point components.json at the @reui registry

Update components.json to use the authenticated @reui registry config:

{
  "registries": {
    "@reui": {
      "url": "https://reui.io/r/{style}/{name}.json",
      "headers": {
        "Authorization": "Bearer ${REUI_LICENSE_KEY}"
      }
    }
  }
}

The shadcn CLI expands ${REUI_LICENSE_KEY} from your environment, so leave it as a variable here. A ReUI MCP server entry is a separate config with its own rules, and they differ by client: Claude Code expands ${VAR} in .mcp.json, Cursor only understands the env: prefix (${env:NAME}), Codex reads the value from bearer_token_env_var, and Antigravity's mcp_config.json documents no substitution at all, so there the real token gets pasted in. Check your agent's guide before copying this line across, and create a token at Account → MCP.

Install registry items

Install from the same namespace:

pnpm dlx shadcn@latest add @reui/c-data-grid-1

Free components continue to work with the authenticated config, so you do not need a second registry namespace.

Manual Copy & Paste

Prefer to browse and copy code directly instead of using the CLI?

  • Browse premium sections in Blocks
  • Browse premium icon packs in Icons
  • See plan details in Pricing

Related Guides

  • Get Started
  • Registry
Get StartedStyling

On This Page

Your License KeyCLI InstallationPrerequisitesManual Copy & PasteRelated Guides

Application

  • App Shell
  • Auth
  • Card
  • Chart
  • Dashboard
  • Dialog
  • Empty State
  • Event CalendarThree new event calendar blocks added
  • Form
  • GanttNew gantt block added
  • Kanban Board
  • List
  • Navbar
  • Onboarding
  • Profile
  • Schedule
  • Settings
  • Sheet
  • Stats
  • Timeline
  • Wizard

Solutions

  • Agents
  • AI Ops
  • Analytics
  • Billing
  • Bookings
  • CRM
  • Files
  • Inventory
  • Users

Templates

  • E-commerce
  • SaaS
  • Dashboard
  • Landing
  • All templates

eCommerce

  • Category Card
  • Checkout
  • Comparison
  • Coupon
  • Filter Sidebar
  • Product Card
  • Product Detail
  • Product Grid
  • Receipt
  • Review
  • Shopping Cart
  • Wishlist

Data Grid

  • Base
  • Columns
  • Drag & DropNew drag and drop Data Grid block added
  • EditingNew editable Data Grid block added
  • Expansion
  • Filtering
  • GroupingFour new grouped and tree Data Grid blocks added
  • Virtualization

Marketing

  • Blog
  • Contact
  • CTA
  • FAQ

Resources

  • Components
  • Blocks
  • Icons
  • MCP for Agents
  • Docs
  • Support
  • Pricing
  • Roadmap(has updates coming soon)
  • AffiliateSoon

Legal

  • Privacy Policy
  • Terms & Conditions
  • License
  • Refunds
  • Cookies

© 2026 ReUI. All rights reserved.

3.3K