Components
Beautifully designed components built with BarefootJS and UnoCSS.
Badge
Displays a badge or a component that looks like a badge.
Button
Displays a button or a component that looks like a button.
Card
Displays a card with header, content, and footer.
Checkbox
A control that allows the user to toggle between checked and unchecked states.
Input
Displays an input field for user text entry.
Switch
A control that allows the user to toggle between checked and not checked.
Counter
A numeric input with increment and decrement buttons.
Accordion
A vertically stacked set of interactive headings that each reveal content.
Tabs
A set of layered sections of content displayed one at a time.
Dialog
A modal dialog that displays content in a layer above the page.
Dropdown
A select-like dropdown menu for choosing from a list of options.
Toast
A non-blocking notification that displays brief messages to users.
Tooltip
A popup that displays contextual information on hover or focus.
Select
A dropdown for choosing from a list of options.
Form Patterns
Common patterns for building forms with BarefootJS.