What is fxui?

FXUI is a React component library built around a bold, high contrast visual style sometimes called neo-brutalism, with thick black borders, hard drop shadows, and sharp edges instead of the softer, rounded look common in most design systems. It is built for React 18 and newer and requires Tailwind CSS to work. The library ships 117 components spread across 15 categories, covering everything from basic buttons and badges to layout tools, form inputs, data tables, charts, navigation menus, and modal dialogs. There are also a handful of components specific to its brutalist look, such as glitch text effects, a typewriter text animation, and a noise background pattern. Under the hood, FXUI uses plain Tailwind utility classes rather than generating styles at runtime, which the README says keeps things fast since there is no CSS in JavaScript style injection happening while the app runs. Interactive components are built on top of Radix UI, a library known for handling accessibility details like keyboard navigation and screen reader support automatically. Every component can be customized through standard class names, supports dark mode throughout, and is written in strict TypeScript with typed props. Every component in the library follows the same consistent visual rules: a two pixel black border that switches to white in dark mode, a hard shadow that shifts and then disappears as you hover and click a component, and a maximum corner rounding of four pixels, so the overall look stays sharp and consistent across the whole set. Installing FXUI is a single package install command using npm, pnpm, or yarn. The project includes a documentation site, a component showcase, and a Storybook setup for local development, and it is released under the MIT license.