FXUI
Brutal by design. Yours to own.
A Neo-brutalist React component library. 117 components built with TypeScript, Tailwind CSS, and Radix UI.
In action.
Live components. Try them.
Button
Badge
Form
Controls
Progress
Alert
Deployed!
Heads up
Tabs
117 components. Neo-brutalist aesthetic. Radix UI primitives.
AvatarGroup · Spinner
See all demos in action
Explore every component variant, interactive state, and dark mode demos in our live showcase.
View all 117 demos117
Components
15
Categories
100%
TypeScript
MIT
License
Quick Install
Components
117 components across 15 categories
Core
8Layout
8Typography
8Form
17Input
Label, error, hint, addons
PasswordInput
Show/hide toggle
SearchInput
Icon, clear, debounce
Textarea
Multi-line, char count
Select
Groups and separator
NumberInput
± buttons, min/max/step
Slider
Single & range
Checkbox
Custom brutalist checkbox
CheckboxGroup
Select-all and descriptions
Switch
Toggle with label
SwitchGroup
Settings panel of toggles
RadioGroup
Horizontal/vertical
SegmentedControl
Connected button-group radio
OTPInput
OTP boxes with paste
Rating
Stars, half-star, custom max
FormField
Label + hint + error wrapper
InputGroup
Prefix/suffix addons
Form Advanced
10DatePicker
Calendar popover, min/max
TagInput
Multi-value chip input
ComboBox
Searchable with groups
FileUpload
Drag & drop, validation
ColorPicker
Native + presets
PhoneInput
Country flag + dial code
MaskInput
Phone, card, date, SSN
TreeSelect
Hierarchical dropdown
PinInput
Security PIN digit boxes
AutoComplete
Async suggestion dropdown
Data Display
13Table
Sortable, striped, bordered
Card
Compound Header/Body/Footer
Avatar
Image + initials fallback
AvatarGroup
Stacked with overflow badge
Stat
KPI card with trend
Timeline
Chronological event list
Progress
6 colors, 3 sizes
Skeleton
Shimmer + pulse + wave
TreeView
File-explorer tree
DataList
Key-value rows
List
Bullet, numbered, check
TimeAgo
Relative time, auto-refresh
Countdown
Timer with card variant
Feedback
8Navigation
8Overlay
10Media & Chart
10Image
Lazy load, fallback, caption
Carousel
Arrows, dots, autoplay
VideoPlayer
Custom HTML5 player
LineChart
Multi-series, grid, tooltip
BarChart
Grouped/stacked bars
AreaChart
Gradient-filled, stacked
DonutChart
Donut/pie, center label
SparkLine
Inline mini chart
ProgressRing
SVG circular progress
AnimatedCounter
Number animating to target
Utility
8Special
4Why FXUI?
The design system that doesn't apologize for being opinionated.
No runtime
Pure Tailwind utility classes. No CSS-in-JS, no style injection at runtime.
Accessible
Built on Radix UI primitives. ARIA roles and keyboard navigation included.
Customizable
Override any style via className. CVA variants for every component.
Tree-shakeable
Only ship what you use. ESM + CJS + type declarations.
Dark mode
Full dark mode via Tailwind dark: prefix. ThemeProvider for runtime switching.
Strict TypeScript
Typed props on every component. forwardRef throughout. No any.
Start building neo-brutalist interfaces today. No design experience required.
MIT License · Built with ♥ and sharp corners