RFUI

A lightweight, UX and DX-focused component library for React apps.

Interested? Check out the About page or just get started.

Typography
All models are wrong. Some are useful.
Blockquote
const n = 1;
CodeBlock

Main heading

H1

Subheading

H2
The map is not the territory.
Highlight
Prefer using const over let.
InlineCode
  1. Gold
  2. Silver
  3. Bronze
OL
Lorem, ipsum dolor sit amet consectetur adipisicing elit.
Text
  • Milk
  • Bread
  • Eggs
UL
Form
Button
Checkbox
One
Two
CheckboxCardGroup
FormField
Input
PasswordInput
RadioButton
One
Two
RadioButtonCardGroup
RadioButtonGroup
Select
0
Stepper
Switch
Textarea
Data Display
new
Badge
Example
Card
nameage
Alice19
Table
Navigation
<Breadcrumbs>
Breadcrumbs
<Footer>
Footer
GitHub
Link
<Navbar>
Navbar
<NavigationLinks>
NavigationLinks
First
Second
Content
Tabs
<VerticalNavbar>
VerticalNavbar
Feedback
Done
Alert
Progress
Overlays
HelpTooltip
InfoTooltip
<Modal>
Modal
<Popover>
Popover
Hover me
Tooltip
Layout
Container
Flex
Stack