Introduction

Welcome to the YaVendio Registry - A comprehensive component library built with shadcn/ui

YaVendio Registry is the official component registry for the YaVendio Design System, built on top of shadcn/ui. Beautiful, accessible, and customizable React components ready to drop into your projects.

Built for developers

Copy-paste components with a single CLI command. No bloated dependencies, just the code you need.

Quick Start

Get up and running in under 2 minutes:

Set up your access token

Create a .env.local file in your project root:

YAVENDIO_REGISTRY_TOKEN=your_token_here

Configure the registry

Add the YaVendio registry to your components.json:

{
  "registries": {
    "@yavendio": {
      "url": "https://www.ya.style/api/registry/{name}",
      "headers": {
        "Authorization": "Bearer ${YAVENDIO_REGISTRY_TOKEN}"
      }
    }
  }
}

Install your first component

npx shadcn@latest add @yavendio/ya-button

That's it! Start building with YaVendio components.

Why YaVendio?

One-Command Install

Add any component with a single CLI command. No manual setup required.

Fully Customizable

CSS variables + Tailwind CSS v4. Make it yours.

Type-Safe

Full TypeScript support with comprehensive type definitions.

Dark Mode

Light and dark themes with seamless transitions.

Design Principles

Consistency — Unified visual language across all components
Accessibility — WCAG 2.1 compliant, works for everyone
Performance — Lightweight and optimized, no bloat

Built With

React 19 — Latest features and performance improvements
TypeScript — Type-safe component development

Tailwind CSS v4 — Utility-first CSS framework
CSS Variables — Flexible theming system

Radix UI — Unstyled, accessible component primitives
class-variance-authority — Type-safe variant management