{"repo":"ramo4040/olyx-ui","free":true,"listed":false,"github":"https://github.com/ramo4040/olyx-ui","clone":"git clone https://github.com/ramo4040/olyx-ui.git","description":"50+ accessible, composable React components built on Base UI with native CSS and HCT color system. Copy, paste, and own your UI. Open source.","language":"TypeScript","stars":29,"topics":["base-ui","css-components","design-system","react","react-components","olyx-ui"],"license":"MIT","category":"ui-components","readme_excerpt":"Olyx UI 50+ React components. Native CSS. No class soup. Accessible, composable components built on Base UI with modern CSS and HCT color science. Copy, paste, and own your UI. Documentation · Components · Get Started --- Why Olyx? Most React component libraries style with Tailwind utilities. Your button ends up looking like this: Olyx keeps your markup clean. The styling lives in CSS where it belongs: Quick Start Or copy component code directly from the docs. Requirements - React 19+ - TypeScript 5+ (recommended) Architecture Native CSS with Data Attributes Every component uses data- attributes for variant styling. No runtime CSS-in-JS, no utility class concatenation: CSS handles the visual logic using @layer , custom properties, and modern selectors: Base UI Foundation Built on Base UI — the unstyled primitive layer from the MUI team. Every component inherits proper accessibility, keyboard navigation, and focus management out of the box. HCT Color System Colors powered by Google's HCT (Hue-Chroma-Tone) color space. Unlike RGB/HSL where \"same lightness\" doesn't mean \"same perceived brightness,\" HCT is perceptually uniform. This means: - Colors at the same tone level have identical perceived brightness - Automatic dark mode palettes that maintain contrast ratios - WCAG AA compliance built into the color math Repository Structure Monorepo managed with Turborepo: Stack Tool Purpose ------ --------- React 19 UI framework Base UI Accessible unstyled primitives TypeScript Type saf","default_branch":null,"files":null,"tree":[],"storefront":"/r/ramo4040","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/ramo4040/olyx-ui/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}