blenx-dev/blenx-ui

This is a collection of React user interface components built to work with StyleX, a CSS-in-JavaScript styling system. The core idea is borrowed from the approach popularized by shadcn/ui: rather than installing a component library as a package that you import and cannot easily change, you copy the source code of each component you need directly into your own project. Once the code is in your project, it is yours to read and modify freely. The components are built on two underlying technologies. StyleX handles the visual styling, and Base UI handles the accessible behavior, meaning components like dialogs, menus, and form inputs follow accessibility standards from the start. The combination gives teams a starting point for a design system they control entirely, without being tied to the decisions of an external library. The library covers the common categories a web application needs: layout components (Box, Stack, Grid, Container), form inputs (Button, Input, Select, Checkbox, Switch), overlay elements (Dialog, Drawer, Popover, Tooltip), navigation patterns (Tabs, Accordion, Breadcrumb), and display components (Avatar, Badge, Card, Alert, Skeleton). Components are described as type-safe, responsive by default, and available with theming support. The distribution model is called registry-first. Components are added to your project individually through a registry rather than as a single bulk package install. This lets teams add only what they need, allows them to modify implementations freely, and prevents the project from depending on a library version they do not control. The README describes this as a way to scale a design system across multiple products without vendor lock-in.