There are a lot of design systems and component libraries on the market and it's hard to pick the best one for your product. Most of the time the decision is made based on the supported components, granular supported features and tech stack compatibility. In this list we're comparing Reshaped to other popular libraries to help you make the right choice ✨
Features listed here are the most common across all libraries and some components from Reshaped and other libraries might be not in the list.
Compare all libraries
React features
Figma features
Input components
Navigation components
Feedback components
Container components
Data display components
Chart components
Component utilities
Hooks
Reshaped
Radix
React features
NPM package
Reshaped
Radix
Dependencies
reshaped: 67.4kb
Reshaped
radix-ui: 89.3kb
@radix-ui/themes: 20.9kb
Radix
ESM tree-shaking
Reshaped
Radix
Styling
CSS Modules, Tailwind integration
Reshaped
Vanilla CSS in Radix Themes
Radix
TypeScript support
Reshaped
Radix
React server components
Reshaped
Radix
Dark mode
Reshaped
Radix
Theming
Reshaped
Radix
Scoped theming
Reshaped
Radix
Responsive components
Reshaped
Radix
Source code
$
Included in the Pro license
Reshaped
Radix
Included in the Pro license
Paid features
$
Design library and source code access
Reshaped
Radix
Design library and source code access
Figma features
Figma library
$
Updates aligned with code
Reshaped
Radix
Updates aligned with code
Figma properties
Reshaped
Radix
Figma variables
Reshaped
Radix
Slot utilities
Supports slot composition
Reshaped
Radix
Supports slot composition
Input components
Autocomplete
Reshaped
Radix
Button
Reshaped
Radix
Calendar
Reshaped
Radix
Checkbox
Reshaped
Radix
CheckboxCard
Achieved with Card composition
Reshaped
Radix
Achieved with Card composition
ColorPicker
Reshaped
Radix
ColorSwatch
Reshaped
Radix
DatePicker
Achieved with Select and Calendar
Reshaped
Radix
Achieved with Select and Calendar
FileUpload
Reshaped
Radix
NumberField
Reshaped
Radix
PasswordField
Achieved with TextField
Reshaped
PasswordToggleField
Radix
Achieved with TextField
PasswordToggleField
PinField
Reshaped
OneTimePasswordField
Radix
OneTimePasswordField
Radio
Reshaped
Radix
RadioCard
Achieved with Card composition
Reshaped
Radix
Achieved with Card composition
Select
Reshaped
Radix
Slider
Reshaped
Radix
Switch
Reshaped
Radix
TextArea
Reshaped
Radix
TextField
Reshaped
Radix
ToggleButton
Reshaped
Toggle, ToggleGroup
Radix
Toggle, ToggleGroup
Navigation components
Breadcrumbs
Reshaped
Radix
ContextMenu
Reshaped
Radix
DropdownMenu
Reshaped
Radix
Link
Reshaped
Radix
MenuItem
Reshaped
Radix
Pagination
Reshaped
Radix
Tabs
Reshaped
Radix
Feedback components
Alert
Reshaped
Callout
Radix
Callout
Loader
Reshaped
Spinner
Radix
Spinner
Progress
Reshaped
Radix
ProgressIndicator
Reshaped
Radix
Skeleton
Reshaped
Radix
Toast
Reshaped
Radix
Container components
Accordion
Reshaped
Radix
ActionBar
Reshaped
Radix
Card
Reshaped
Radix
Carousel
Reshaped
Radix
Modal
Reshaped
Dialog
Radix
Dialog
Popover
Reshaped
Popover, HoverCard
Radix
Popover, HoverCard
Scrim
Reshaped
Radix
Data display components
Avatar
Reshaped
Radix
Badge
Reshaped
Radix
Divider
Reshaped
Separator
Radix
Separator
Hotkey
Reshaped
Kbd
Radix
Kbd
Rating
Reshaped
Radix
Stepper
Reshaped
Radix
Table
Reshaped
Radix
Timeline
Reshaped
Radix
Tooltip
Reshaped
Radix
Chart components
Bars chart
Supports recharts theming
Reshaped
Radix
Supports recharts theming
Lines chart
Supports recharts theming
Reshaped
Radix
Supports recharts theming
Pie chart
Supports recharts theming
Reshaped
Radix
Supports recharts theming
Scatter chart
Supports recharts theming
Reshaped
Radix
Supports recharts theming
Sparkline chart
Supports recharts theming
Reshaped
Radix
Supports recharts theming
Radar chart
Supports recharts theming
Reshaped
Radix
Supports recharts theming
Heatmap chart
Reshaped
Radix
Funnel chart
Reshaped
Radix
Component utilities
Actionable
Reshaped
Radix
Container
Reshaped
Radix
FormControl
Reshaped
Form
Radix
Form
Grid
Reshaped
Radix
Hidden
Reshaped
Radix
HiddenVisually
Reshaped
Radix
Icon
Reshaped
Radix
Image
Reshaped
Radix
Overlay
Reshaped
Radix
Portal
Reshaped
Radix
Resizable
Reshaped
Radix
ScrollArea
Reshaped
Radix
Text
Reshaped
Text, Heading, Strong
Radix
Text, Heading, Strong
View
Reshaped
Box, Flex, Section
Radix
Box, Flex, Section
Hooks
useHotkeys
Reshaped
Radix
useOnClickOutside
Reshaped
Radix
useRTL
Reshaped
DirectionProvider
Radix
DirectionProvider
useScrollLock
Reshaped
Radix
Professionally crafted React & Figma components for building beautiful products or starting your own design system
Built with Reshaped in Amsterdam ❤️
Contact us·License agreement·FAQ·
© Reshaped 2025