# Roadmap

The components FewTone UI has today, what's being built next, and what's planned.

46 available · 0 next up · 0 planned

## Buttons

- [Button](https://ui.fewtone.com/components/button.md) (Available): Six variants and six sizes, with a soft tint on hover.
- [Theme Toggle](https://ui.fewtone.com/components/theme-toggle.md) (Available): Light and dark switching that reveals the new theme from the button.
- [Loading Button](https://ui.fewtone.com/components/loading-button.md) (Available): Loading, success and error for async actions, at a steady width.
- [Switcher](https://ui.fewtone.com/components/switcher.md) (Available): One choice from a few, with a pill that slides to it.
- [Toggle Group](https://ui.fewtone.com/components/toggle-group.md) (Available): Buttons you switch on and off, like Bold and Italic.
- [Copy Button](https://ui.fewtone.com/components/copy-button.md) (Available): Copies text, with the icon morphing into a check.

## Forms

- [Input](https://ui.fewtone.com/components/input.md) (Available): Text field with live validation that clears as the value is fixed.
- [Select](https://ui.fewtone.com/components/select.md) (Available): Single choice, with search for long lists.
- [Switch](https://ui.fewtone.com/components/switch.md) (Available): On and off, with a thumb that stretches as it travels.
- [Checkbox](https://ui.fewtone.com/components/checkbox.md) (Available): A check that draws itself in, plus an indeterminate state.
- [Radio Group](https://ui.fewtone.com/components/radio-group.md) (Available): One choice from a few, including a card style for plans.
- [Textarea](https://ui.fewtone.com/components/textarea.md) (Available): Multi-line text that grows smoothly with its content.
- [Combobox](https://ui.fewtone.com/components/combobox.md) (Available): Type to filter and pick, right in the field.
- [Slider](https://ui.fewtone.com/components/slider.md) (Available): Pick a value or a range by dragging.
- [Input OTP](https://ui.fewtone.com/components/input-otp.md) (Available): One-time code boxes that move on as you type.
- [Number Input](https://ui.fewtone.com/components/number-input.md) (Available): Numbers with step buttons and keyboard control.
- [Date Picker](https://ui.fewtone.com/components/date-picker.md) (Available): A calendar in a popover, for dates and ranges.
- [Calendar](https://ui.fewtone.com/components/calendar.md) (Available): A month view to pick dates from.

## Overlays

- [Dialog](https://ui.fewtone.com/components/dialog.md) (Available): A modal that springs in and fades out, with focus handled.
- [Dropdown Menu](https://ui.fewtone.com/components/dropdown-menu.md) (Available): A menu of actions with a highlight that glides between items.
- [Tooltip](https://ui.fewtone.com/components/tooltip.md) (Available): A short hint on hover and focus.
- [Popover](https://ui.fewtone.com/components/popover.md) (Available): Rich content anchored to a trigger.
- [Sheet](https://ui.fewtone.com/components/sheet.md) (Available): A panel that slides in from any edge.
- [Alert Dialog](https://ui.fewtone.com/components/alert-dialog.md) (Available): Confirmation for destructive actions.
- [Context Menu](https://ui.fewtone.com/components/context-menu.md) (Available): A right-click menu.
- [Hover Card](https://ui.fewtone.com/components/hover-card.md) (Available): A preview card on hover.

## Navigation

- [Tabs](https://ui.fewtone.com/components/tabs.md) (Available): Panels switched by an underline that slides between tabs.
- [Accordion](https://ui.fewtone.com/components/accordion.md) (Available): Sections that open and close with a smooth height change.
- [Breadcrumb](https://ui.fewtone.com/components/breadcrumb.md) (Available): Where you are in the site, as a trail of links.
- [Pagination](https://ui.fewtone.com/components/pagination.md) (Available): Move through pages of results.
- [Navigation Menu](https://ui.fewtone.com/components/navigation-menu.md) (Available): A top bar with rich dropdown panels.
- [Sidebar](https://ui.fewtone.com/components/sidebar.md) (Available): A collapsible app sidebar with a gliding active indicator.
- [Command Palette](https://ui.fewtone.com/components/command.md) (Available): ⌘K search for pages and actions.

## Feedback

- [Toast](https://ui.fewtone.com/components/toast.md) (Available): Notifications that slide in and stack.
- [Badge](https://ui.fewtone.com/components/badge.md) (Available): Small status labels, including one with a shining edge.
- [Progress](https://ui.fewtone.com/components/progress.md) (Available): A bar or ring that shows how far along a task is.
- [Skeleton](https://ui.fewtone.com/components/skeleton.md) (Available): Placeholders while content loads.
- [Spinner](https://ui.fewtone.com/components/spinner.md) (Available): A small loading indicator.

## Display

- [Card](https://ui.fewtone.com/components/card.md) (Available): A surface for grouped content.
- [Avatar](https://ui.fewtone.com/components/avatar.md) (Available): A picture or initials, alone or in a group.
- [Table](https://ui.fewtone.com/components/table.md) (Available): Data in rows and columns, with sortable headers.
- [Scroll Area](https://ui.fewtone.com/components/scroll-area.md) (Available): Scrolling with soft fades at the edges.

## Effects

- [Number Ticker](https://ui.fewtone.com/components/number-ticker.md) (Available): Numbers that roll to their value.
- [Stepper](https://ui.fewtone.com/components/stepper.md) (Available): Progress through the steps of a task.
- [Marquee](https://ui.fewtone.com/components/marquee.md) (Available): A row of logos or cards that scrolls on its own.
- [Text Effects](https://ui.fewtone.com/components/text-effects.md) (Available): Shimmer, reveal and typewriter text.