A free, enterprise React design system & component library — 120+ tokenized components, blocks and a theming engine, no Tailwind required.
React & React Native, built for enterprise consistency.
Pre-composed sections and tokenized charts. Drop one in, swap the props, ship.
@vireya/blocks
Hero, pricing, FAQ, footers — drop in and customize via props · 26 variants in 10 families
@vireya/ui · charts
Recharts wrapped with Vireya tokens — swap the dataset, ship · 41 variants in 12 families
Carefully crafted templates built by experts on the latest stack — React 19 and Next.js 16. Get templates for anything to build and launch your idea.
Vireya powers production interfaces across the mapree.dev network — from developer tools to consumer sites. Same tokens, same components, different accents.
Three packages, one vocabulary. Built for scalability, performance, and maintainability.
The single source of truth: design tokens, themes and helpers consumed by every other package.
120+ React components, fully tokenized, accessible by default and tree-shakable per subpath.
Pre-composed sections you customize through props. Hero, pricing, footer — drop in and ship.
Build unlimited themes without rewriting a single line of component CSS.
Leverage @vireya/core to create custom themes that extend the base design system. Define your brand colors, typography, spacing, and more — all through a centralized token system.
Runtime switching
Swap themes dynamically without page reload.
Tier-based palette
Background, secondary, primary and accent — all derived from a few HSL inputs.
createTheme() helper
One call generates light/dark variants and CSS variable maps.
Every component in @vireya/ui responds to tokens. Change a single token value and watch your entire interface transform instantly. No component rewriting needed.
100% component coverage
All 60+ components respect your token values.
Zero CSS override needed
Modify component appearance purely through tokens.
Scalable to enterprise
Manage 10 themes or 1000 — same approach.
Pick a preset or tweak any token — the preview re-renders live with the new palette. No reload, no rebuild.
Welcome back, Maria
Pick up where you left off — three drafts are waiting for review.
Total sessions across all workspaces
Email me about activity
Comments
Mentions
Weekly digest
3 members online
Install the package, import a component, ship. Every component is a tree-shakable subpath import — pay only for what you use.
pnpm add @vireya/uiimport { Button } from "@vireya/ui/form/button";
export default function Page() {
return <Button>Ship it</Button>;
}
Start with the free distribution. When your team grows or you need extras like premium templates and SLA, talk to us.
Everything you need to ship a product on Vireya — components, blocks, charts, themes.
Full @vireya/ui + @vireya/blocks
All charts and templates
Free for non-commercial use
Community support
For teams shipping closed-source products who want priority access and early features.
Everything in Free
Premium blocks & templates
Priority bug fixes
Private design-token presets
Email support
For organizations that need contracts, SLAs, and a direct line into the team.
Everything in Commercial
Custom SLAs and contracts
Dedicated Slack channel
Co-design sessions
Audit & security review support
Want a demo, a commercial license, or just to know more about Vireya? Drop us a line — we read every message and reply within one business day.