Skip to content
don’t make it ugly
All resources

Component libraryComponents

Ark UI

Headless components that work the same in React, Vue, Svelte and Solid.

Open sourceFree
Visit website (opens in a new tab)View GitHub (opens in a new tab)
Preview of Ark UI

What it is

Ark UI is a headless component library from the Chakra UI team with one behaviour layer shared across frameworks. If you're not on React, or you work across several frameworks, it gives you the accessible primitives Radix gives React developers.

Why it’s here

The best answer to "is there a Radix for Vue or Svelte?". Consistent API across frameworks means your agent's knowledge transfers.

Best for

  • Vue and Svelte projects
  • custom-styled components
  • multi-framework teams

Can my agent use this?

Agent excellent agent friendliness

Yes. Docs, source and npm packages for each framework. Tell your agent which framework package to use.

Excellent: Public docs, public source or an installable package. An agent can read, install and implement this directly.

Access methods

  • Docs
  • GitHub
  • npm

Related resources

  • Base UI
    Preview of Base UI

    Base UI

    Unstyled React components from the people behind Radix, Material UI and Floating UI.

    Component libraryFreeOpen sourceexcellent agent friendliness
  • NumberFlow
    Preview of NumberFlow

    NumberFlow

    Animated number transitions that make counters, prices and stats feel expensive.

    PackageFreeOpen sourceexcellent agent friendliness
  • React Aria
    Preview of React Aria

    React Aria

    Adobe's accessibility-first hooks and components for React.

    Component libraryFreeOpen sourceexcellent agent friendliness
  • Tailwind Plus
    Preview of Tailwind Plus

    Tailwind Plus

    The official paid Tailwind component and template catalogue (formerly Tailwind UI).

    Component librarylimited agent friendliness