RemixRemix

Components

Flutter components built on Mix and Naked UI, with the Fortal design system.

Button

A customizable button component with text, optional icons, loading states, and comprehensive styling support

IconButton

A button component that displays only an icon, perfect for toolbars and compact interfaces

Checkbox

A selectable checkbox component for enabling/disabling options with support for checked, unchecked, and indeterminate states

Checkbox Group

A controlled coordinator for a typed set of checkbox options, with group-level disabled and required semantics

Radio

A radio button component for single-select options within a group

Select

A dropdown select component for choosing options from a list

Slider

A draggable slider component for selecting values within a range

Switch

A toggle switch component for binary on/off states with smooth animations

TextArea

A multiline text editor with native auto-growth, labels, supporting text, validation, and Remix styling

TextField

A text input component for collecting user text input with labels, hints, and validation support

Toggle

A pressable toggle button for persistent selected and unselected states

Toggle Group

A single-select segmented control with roving keyboard focus

App Bar

A bar across the top of a page with an optional leading button, a title heading, actions, and bottom content

Link

Styled text that navigates when activated

Menu

A dropdown menu component for displaying a list of actions or options

Segmented Control

An equal-segment, controlled single-select control with roving keyboard focus

Sidebar

A controlled navigation panel with a fixed header, scrolling destinations, and a fixed footer

Tabs

A tabbed interface component for organizing content into separate panels

Dialog

A modal dialog component for focused decisions, confirmations, and custom content

Popover

An anchored, dismissible overlay for supplementary interactive content.

Tooltip

A contextual overlay component for displaying helpful information on hover

Toast

Queued, nonmodal notifications with timers, pause rules, and status or alert announcements

Callout

A prominent component for displaying important information, warnings, or messages with optional icons

Progress

A progress indicator component for showing completion status of tasks or operations

Skeleton

A decorative loading placeholder that preserves the geometry of the content it replaces

Spinner

An animated loading spinner component for indicating ongoing processes

Accordion

An expandable/collapsible component for showing and hiding content panels with support for multiple expansion modes

Card

A versatile container component for grouping related content with customizable styling

Disclosure

A standalone trigger that expands and collapses one inline content panel.

Divider

A simple visual separator component for dividing content into distinct sections

Avatar

A customizable avatar component that displays user profile images, initials, or icons

Badge

A compact indicator component for displaying counts, status, or labels

Data List

A semantic label/value list with a shared horizontal label column or a stacked vertical layout

Data Table

A controlled table that compares many records under shared column headers, with caller-owned sorting, selection, and pagination