New: Launching Ark UI Plus

Fully customizable and accessible UI components

Ark UI is a headless library for building reusable, scalable Design Systems that works for a wide range of JS frameworks.

React Icon

React

Solid Icon

Solid

Vue Icon

Vue

Zero-Styling Freedom

Your design system, your rules. Every component starts as a blank canvas ready for your creativity.

Truly Composable

Build complex UIs effortlessly with modular components that work seamlessly together.

Accessibility-First

Ship with confidence. Every component is WCAG compliant and thoroughly tested for accessibility.

State Machine Powered

Predictable behavior, fewer bugs. State machines ensure rock-solid component interactions.

import { Slider } from '@ark-ui/react/slider'
import { useState } from 'react'
  
export const MySlider = () => {
  const [value, setValue] = useState([30])
    
  return (
    <Slider.Root
      min={-50}
      max={50}
      value={value}
      onValueChange={(e) => setValue(e.value)}
    >
      <Slider.Label>Label</Slider.Label>
      <Slider.ValueText>{value}</Slider.ValueText>
      <Slider.Control>
        <Slider.Track>
          <Slider.Range />
        </Slider.Track>
        <Slider.Thumb index={0} />
      </Slider.Control>
    </Slider.Root>
  )
}

Designed for product teams and organizations

With support for a wide range of JS frameworks, you can create a design system that can be seamlessly integrated across multiple platforms and applications.

Get started

Built with Ark UI

See What's Possible

Explore real-world applications built by developers who trust Ark UI. From startups to enterprises, see how our headless components power modern web experiences.

Driven by State Machines
to make your life easier.

React Icon
Vue Icon
Solid Icon
Svelte Icon

Utilizing state machines, Ark UI substantially cuts down on errors while ensuring predictable behavior in every component. Develop with confidence.

Join the Ark UI Community

For insights, support, and updates, connect on Discord. For real-time news, follow us on Twitter.

CS
TK
TP
SA
A
JB
ZS
EA