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?
Built different. Not another Library clone.
Base UI Foundation
Built on React's official unstyled primitives. WAI-ARIA compliant, keyboard navigation, focus management—all handled.
Native CSS. No Tailwind Bullshit
Modern CSS with HCT color variables. No 47-class div soup. No build-time bloat.
Unique By Design
Tired of every site looking like ******? We too. Fresh components, bold patterns, zero template fatigue.
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.