Vectorstudio Ir

Overview

Vectorstudio UI (@vectorstudio-ir/ui) is the shadcn-compatible registry for the Vectorstudio design system, holding the canonical source for every UI primitive used across the studio's web, CMS and future projects. Components install as real source files through the standard shadcn CLI rather than from node_modules.

The catalog has 66 items: 60 primitives in the shadcn base-nova style on @base-ui/react instead of Radix, a 578-icon set generated from the HackerNoon pixel icon library, a Tailwind v4 globals bundle, a brand base style, a mobile hook, a cn() helper and two monorepo templates. It is RTL and Persian first, with an orange #FE5000 primary palette.

Features

• 60 primitives: Built on @base-ui/react, with each file declaring its registryDependencies so the full subgraph installs.
• Pixel icons: 578 icons across regular, solid, brands and purcats sets, used via iconLibrary: "pixel".
• RTL and Persian first: rtl: true, a direction provider, and heading rules baked into @layer base.
• Brand base palette: The base-nova-rtl item injects orange primary, brand neutrals, success and warning tokens into an existing globals.css.
• Fonts: Registers Geist, Vazirmatn and Space Mono, with RooyinFreeFaNum and Morabba added per project.
• Full globals option: An optional globals item writes a complete Tailwind v4 CSS-first config with light and dark tokens.
• Monorepo templates: Studio app scaffolds for pnpm and bun.

Tech stack

• React, @base-ui/react
• Tailwind CSS v4
• class-variance-authority, clsx, tailwind-merge
• Works with Next.js, Vite or TanStack Start

Registry

Install via the shadcn CLI registry:

npx shadcn@latest add @vectorstudio-ir/component-name