Modern React Component Library Built on Base UI
50+ accessible, composable components styled with native CSS and HCT color system. Copy, paste, and own your UI.
Yassir Rouane
Fullstack Developer
4.9
Rating
66K
earned
1.2K
followers
Product Title
Just a moment...
Working our magic. This should only take a few seconds.
Why Olyx?
Accessible primitives with direct ownership.
Base UI Foundation
Built on React's official unstyled primitives. WAI-ARIA compliant, keyboard navigation, focus management—all handled.
Native CSS. No Tailwind Required
Modern CSS with HCT color variables. No utility-class dependency. No build-time styling lock-in.
Copy-and-Own Workflow
Install or copy each component into your app, then edit the source, tokens, styles, and behavior directly.
A Design System Built Like an Engine Experience the power of a zero-conflict styling architecture, where HCT color logic meets native CSS for ultimate creative freedom.
<button class="btn btn-primary btn-md">
Button
</button>
<button data-ui="button">
Button
</button>
Zero-Conflict Styling
Style components using native CSS and data-ui attributes — no class name collisions, full freedom for user classes.
Hue-Driven Color System
Change one hue. Your entire color system adapts — accessible, balanced, and predictable.
Design Tokens, Not Magic Numbers
Spacing, radius, shadows, typography, motion — everything is tokenized and consistent by default.
Frequently asked questions
Quick answers to common questions about pricing, privacy, setup, and more.