Components
Accessible, unstyled UI components you can compose and style to fit your design system.
Ark UI ships 45+ accessible, headless components. Browse the full list below.
Checkbox
A control element that allows for multiple selections within a set.
Field
Provides a flexible container for form inputs, labels, and helper text.
Fieldset
A set of form controls optionally grouped under a common name.
Radio Group
Allows single selection from multiple options.
Switch
A control element that allows for a binary selection.
Toggle
A two-state button that can be toggled on or off.
Toggle Group
A set of two-state buttons that can be toggled on or off.
Slider
A control element that allows for a range of selections.
Angle Slider
A component for selecting a value within a circular range.
Number Input
A field that allows user input of numeric values.
Pin Input
For pin or verification codes with auto-focus transfer and masking options.
Password Input
A component that allows users to enter secure text like (passwords and api keys)
Date Input
A segment-based date input that allows users to enter dates by navigating individual date parts.
Date Picker
A component that allows users to select a date from a calendar.
Editable
A component that allows users to edit text in place.
Rating Group
Allows users to rate items using a set of icons.
Segment Group
Organizes and navigates between sections in a view.
Signature Pad
A component that allows users to draw a signature using a signature pad.
File Upload
A component that is used to upload multiple files.
Color Picker
A component that allows users to select a color from a color picker.
Tags Input
A component that allows users to add tags to an input field.
Combobox
A single input field that combines the functionality of a select and input.
Select
Displays a list of options for the user to pick from.
Listbox
A component for selecting a single or multiple items from a list.
Dialog
A modal window that appears on top of the main content.
Drawer
A panel that slides in from the edge of the screen, typically used for navigation or forms.
Popover
An overlay that displays additional information or options when triggered.
Hover Card
A card that appears when a user hovers over an element.
Tooltip
A label that provides information on hover or focus.
Floating Panel
Used to display content in a non-modal floating window.
Menu
A list of options that appears when a user interacts with a button.
Menubar
A horizontal bar of menus, like the menu bar of a desktop application.
Navigation Menu
A collection of links and menus for website navigation.
Tabs
Flexible navigation tool with various modes and features.
Steps
Used to guide users through a series of steps in a process
Pagination
A navigation component that allows users to browse through pages.
Tour
A guided tour that helps users understand the interface.
Accordion
A collapsible component for displaying content in a vertical stack.
Avatar
A graphical representation of the user, often used in profile sections.
Carousel
An interactive slideshow component for cycling through elements.
Collapsible
An interactive component that can be expanded or collapsed.
QR Code
A component that generates a QR code based on the provided data.
Tree View
A component that is used to show a tree hierarchy.
Table of Contents
A navigation component that tracks and highlights the active section as users scroll through document content.
Marquee
A continuous scrolling component for displaying content in a seamless loop.
Image Cropper
Crop and transform images with zoom, rotation, and aspect ratio controls.
Scroll Area
A custom scrollable area component with styled scrollbars.
Splitter
A component that divides your interface into resizable sections
Clipboard
A component to copy text to the clipboard
Progress - Circular
An element that shows either determinate or indeterminate progress.
Progress - Linear
An element that shows either determinate or indeterminate progress.
Toast
A message that appears on the screen to provide feedback on an action.
Timer
Used to record the time elapsed from zero or since a specified target time.