# Home | Ark UI > Markdown mirror of DialtoneApp's public top-site detail page for `ark-ui.com`. URL: https://dialtoneapp.com/top-sites/ark-ui.com/index.md Canonical HTML: https://dialtoneapp.com/top-sites/ark-ui.com ## Summary - Domain: `ark-ui.com` - Website: https://ark-ui.com - Description: ai readable | score 30 | purchase read only - Label: ai_readable - Payment surface: Not available - Purchase boundary: read_only - Control boundary: unknown - Rank: 107 ## robots ~~~text User-Agent: * Allow: / Sitemap: https://ark-ui.com/sitemap.xml ~~~ ## llms ~~~text # OVERVIEW - [Getting Started](https://ark-ui.com/react/docs/overview/getting-started) - [Getting Started](https://ark-ui.com/vue/docs/overview/getting-started) - [Getting Started](https://ark-ui.com/svelte/docs/overview/getting-started) - [Getting Started](https://ark-ui.com/solid/docs/overview/getting-started) - [Changelog](https://ark-ui.com/react/docs/overview/changelog) - [Changelog](https://ark-ui.com/vue/docs/overview/changelog) - [Changelog](https://ark-ui.com/svelte/docs/overview/changelog) - [Changelog](https://ark-ui.com/solid/docs/overview/changelog) - [About](https://ark-ui.com/react/docs/overview/about) - [About](https://ark-ui.com/vue/docs/overview/about) - [About](https://ark-ui.com/svelte/docs/overview/about) - [About](https://ark-ui.com/solid/docs/overview/about) # GUIDES - [Styling](https://ark-ui.com/react/docs/guides/styling) - [Styling](https://ark-ui.com/vue/docs/guides/styling) - [Styling](https://ark-ui.com/svelte/docs/guides/styling) - [Styling](https://ark-ui.com/solid/docs/guides/styling) - [Composition](https://ark-ui.com/react/docs/guides/composition) - [Composition](https://ark-ui.com/vue/docs/guides/composition) - [Composition](https://ark-ui.com/svelte/docs/guides/composition) - [Composition](https://ark-ui.com/solid/docs/guides/composition) - [Component State](https://ark-ui.com/react/docs/guides/component-state) - [Component State](https://ark-ui.com/vue/docs/guides/component-state) - [Component State](https://ark-ui.com/svelte/docs/guides/component-state) - [Component State](https://ark-ui.com/solid/docs/guides/component-state) - [Animation](https://ark-ui.com/react/docs/guides/animation) - [Animation](https://ark-ui.com/vue/docs/guides/animation) - [Animation](https://ark-ui.com/svelte/docs/guides/animation) - [Animation](https://ark-ui.com/solid/docs/guides/animation) - [Forms](https://ark-ui.com/react/docs/guides/forms) - [Forms](https://ark-ui.com/vue/docs/guides/forms) - [Forms](https://ark-ui.com/svelte/docs/guides/forms) - [Forms](https://ark-ui.com/solid/docs/guides/forms) - [Refs](https://ark-ui.com/react/docs/guides/ref) - [Refs](https://ark-ui.com/vue/docs/guides/ref) - [Refs](https://ark-ui.com/svelte/docs/guides/ref) - [Refs](https://ark-ui.com/solid/docs/guides/ref) # AI FOR AGENTS - [MCP Server](https://ark-ui.com/react/docs/ai/mcp-server) - [MCP Server](https://ark-ui.com/vue/docs/ai/mcp-server) - [MCP Server](https://ark-ui.com/svelte/docs/ai/mcp-server) - [MCP Server](https://ark-ui.com/solid/docs/ai/mcp-server) - [LLMs.txt](https://ark-ui.com/react/docs/ai/llms.txt) - [LLMs.txt](https://ark-ui.com/vue/docs/ai/llms.txt) - [LLMs.txt](https://ark-ui.com/svelte/docs/ai/llms.txt) - [LLMs.txt](https://ark-ui.com/solid/docs/ai/llms.txt) # COLLECTIONS - [List Collection](https://ark-ui.com/react/docs/collections/list-collection) - [List Collection](https://ark-ui.com/vue/docs/collections/list-collection) - [List Collection](https://ark-ui.com/svelte/docs/collections/list-collection) - [List Collection](https://ark-ui.com/solid/docs/collections/list-collection) - [Tree Collection](https://ark-ui.com/react/docs/collections/tree-collection) - [Tree Collection](https://ark-ui.com/vue/docs/collections/tree-collection) - [Tree Collection](https://ark-ui.com/svelte/docs/collections/tree-collection) - [Tree Collection](https://ark-ui.com/solid/docs/collections/tree-collection) - [Async List](https://ark-ui.com/react/docs/collections/async-list) - [Async List](https://ark-ui.com/vue/docs/collections/async-list) - [Async List](https://ark-ui.com/svelte/docs/collections/async-list) - [Async List](https://ark-ui.com/solid/docs/collections/async-list) - [List Selection](https://ark-ui.com/react/docs/collections/list-selection) - [List Selection](https://ark-ui.com/vue/docs/collections/list-selection) - [List Selection](https://ark-ui.com/svelte/docs/collections/list-selection) - [List Selection](https://ark-ui.com/solid/docs/collections/list-selection) # COMPONENTS - [Accordion](https://ark-ui.com/react/docs/components/accordion) - [Accordion](https://ark-ui.com/vue/docs/components/accordion) - [Accordion](https://ark-ui.com/svelte/docs/components/accordion) - [Accordion](https://ark-ui.com/solid/docs/components/accordion) - [Angle Slider](https://ark-ui.com/react/docs/components/angle-slider) - [Angle Slider](https://ark-ui.com/vue/docs/components/angle-slider) - [Angle Slider](https://ark-ui.com/svelte/docs/components/angle-slider) - [Angle Slider](https://ark-ui.com/solid/docs/components/angle-slider) - [Avatar](https://ark-ui.com/react/docs/components/avatar) - [Avatar](https://ark-ui.com/vue/docs/components/avatar) - [Avatar](https://ark-ui.com/svelte/docs/components/avatar) - [Avatar](https://ark-ui.com/solid/docs/components/avatar) - [Carousel](https://ark-ui.com/react/docs/components/carousel) - [Carousel](https://ark-ui.com/vue/docs/components/carousel) - [Carousel](https://ark-ui.com/svelte/docs/components/carousel) - [Carousel](https://ark-ui.com/solid/docs/components/carousel) - [Checkbox](https://ark-ui.com/react/docs/components/checkbox) - [Checkbox](https://ark-ui.com/vue/docs/components/checkbox) - [Checkbox](https://ark-ui.com/svelte/docs/components/checkbox) - [Checkbox](https://ark-ui.com/solid/docs/components/checkbox) - [Clipboard](https://ark-ui.com/react/docs/components/clipboard) - [Clipboard](https://ark-ui.com/vue/docs/components/clipboard) - [Clipboard](https://ark-ui.com/svelte/docs/components/clipboard) - [Clipboard](https://ark-ui.com/solid/docs/components/clipboard) - [Collapsible](https://ark-ui.com/react/docs/components/collapsible) - [Collapsible](https://ark-ui.com/vue/docs/components/collapsible) - [Collapsible](https://ark-ui.com/svelte/docs/components/collapsible) - [Collapsible](https://ark-ui.com/solid/docs/components/collapsible) - [Color Picker](https://ark-ui.com/react/docs/components/color-picker) - [Color Picker](https://ark-ui.com/vue/docs/components/color-picker) - [Color Picker](https://ark-ui.com/svelte/docs/components/color-picker) - [Color Picker](https://ark-ui.com/solid/docs/components/color-picker) - [Combobox](https://ark-ui.com/react/docs/components/combobox) - [Combobox](https://ark-ui.com/vue/docs/components/combobox) - [Combobox](https://ark-ui.com/svelte/docs/components/combobox) - [Combobox](https://ark-ui.com/solid/docs/components/combobox) - [Date Picker](https://ark-ui.com/react/docs/components/date-picker) - [Date Picker](https://ark-ui.com/vue/docs/components/date-picker) - [Date Picker](https://ark-ui.com/svelte/docs/components/date-picker) - [Date Picker](https://ark-ui.com/solid/docs/components/date-picker) - [Dialog](https://ark-ui.com/react/docs/components/dialog) - [Dialog](https://ark-ui.com/vue/docs/components/dialog) - [Dialog](https://ark-ui.com/svelte/docs/components/dialog) - [Dialog](https://ark-ui.com/solid/docs/components/dialog) - [Editable](https://ark-ui.com/react/docs/components/editable) - [Editable](https://ark-ui.com/vue/docs/components/editable) - [Editable](https://ark-ui.com/svelte/docs/components/editable) - [Editable](https://ark-ui.com/solid/docs/components/editable) - [Field](https://ark-ui.com/react/docs/components/field) - [Field](https://ark-ui.com/vue/docs/components/field) - [Field](https://ark-ui.com/svelte/docs/components/field) - [Field](https://ark-ui.com/solid/docs/components/field) - [Fieldset](https://ark-ui.com/react/docs/components/fieldset) - [Fieldset](https://ark-ui.com/vue/docs/components/fieldset) - [Fieldset](https://ark-ui.com/svelte/docs/components/fieldset) - [Fieldset](https://ark-ui.com/solid/docs/components/fieldset) - [File Upload](https://ark-ui.com/react/docs/components/file-upload) - [File Upload](https://ark-ui.com/vue/docs/components/file-upload) - [File Upload](https://ark-ui.com/svelte/docs/components/file-upload) - [File Upload](https://ark-ui.com/solid/docs/components/file-upload) - [Floating Panel](https://ark-ui.com/react/docs/components/floating-panel) - [Floating Panel](https://ark-ui.com/vue/docs/components/floating-panel) - [Floating Panel](https://ark-ui.com/svelte/docs/components/floating-panel) - [Floating Panel](https://ark-ui.com/solid/docs/components/floating-panel) - [Image Cropper](https://ark-ui.com/react/docs/components/image-cropper) - [Image Cropper](https://ark-ui.com/vue/docs/components/image-cropper) - [Image Cropper](https://ark-ui.com/svelte/docs/components/image-cropper) - [Image Cropper](https://ark-ui.com/solid/docs/components/image-cropper) - [Hover Card](https://ark-ui.com/react/docs/components/hover-card) - [Hover Card](https://ark-ui.com/vue/docs/components/hover-card) - [Hover Card](https://ark-ui.com/svelte/docs/components/hover-card) - [Hover Card](https://ark-ui.com/solid/docs/components/hover-card) - [Listbox](https://ark-ui.com/react/docs/components/listbox) - [Listbox](https://ark-ui.com/vue/docs/components/listbox) - [Listbox](https://ark-ui.com/svelte/docs/components/listbox) - [Listbox](https://ark-ui.com/solid/docs/components/listbox) - [Marquee](https://ark-ui.com/react/docs/components/marquee) - [Marquee](https://ark-ui.com/vue/docs/components/marquee) - [Marquee](https://ark-ui.com/svelte/docs/components/marquee) - [Marquee](https://ark-ui.com/solid/docs/components/marquee) - [Menu](https://ark-ui.com/react/docs/components/menu) - [Menu](https://ark-ui.com/vue/docs/components/menu) - [Menu](https://ark-ui.com/svelte/docs/components/menu) - [Menu](https://ark-ui.com/solid/docs/components/menu) - [Number Input](https://ark-ui.com/react/docs/components/number-input) - [Number Input](https://ark-ui.com/vue/docs/components/number-input) - [Number Input](https://ark-ui.com/svelte/docs/components/number-input) - [Number Input](https://ark-ui.com/solid/docs/components/number-input) - [Pagination](https://ark-ui.com/react/docs/components/pagination) - [Pagination](https://ark-ui.com/vue/docs/components/pagination) - [Pagination](https://ark-ui.com/svelte/docs/components/pagination) - [Pagination](https://ark-ui.com/solid/docs/components/pagination) - [Password Input](https://ark-ui.com/react/docs/components/password-input) - [Password Input](https://ark-ui.com/vue/docs/components/password-input) - [Password Input](https://ark-ui.com/svelte/docs/components/password-input) - [Password Input](https://ark-ui.com/solid/docs/components/password-input) - [Pin Input](https://ark-ui.com/react/docs/components/pin-input) - [Pin Input](https://ark-ui.com/vue/docs/components/pin-input) - [Pin Input](https://ark-ui.com/svelte/docs/components/pin-input) - [Pin Input](https://ark-ui.com/solid/docs/components/pin-input) - [Popover](https://ark-ui.com/react/docs/components/popover) - [Popover](https://ark-ui.com/vue/docs/components/popover) - [Popover](https://ark-ui.com/svelte/docs/components/popover) - [Popover](https://ark-ui.com/solid/docs/components/popover) - [Progress - Circular](https://ark-ui.com/react/docs/components/progress-circular) - [Progress - Circular](https://ark-ui.com/vue/docs/components/progress-circular) - [Progress - Circular](https://ark-ui.com/svelte/docs/components/progress-circular) - [Progress - Circular](https://ark-ui.com/solid/docs/components/progress-circular) - [Progress - Linear](https://ark-ui.com/react/docs/components/progress-linear) - [Progress - Linear](https://ark-ui.com/vue/docs/components/progress-linear) - [Progress - Linear](https://ark-ui.com/svelte/docs/components/progress-linear) - [Progress - Linear](https://ark-ui.com/solid/docs/components/progress-linear) - [QR Code](https://ark-ui.com/react/docs/components/qr-code) - [QR Code](https://ark-ui.com/vue/docs/components/qr-code) - [QR Code](https://ark-ui.com/svelte/docs/components/qr-code) - [QR Code](https://ark-ui.com/solid/docs/components/qr-code) - [Radio Group](https://ark-ui.com/react/docs/components/radio-group) - [Radio Group](https://ark-ui.com/vue/docs/components/radio-group) - [Radio Group](https://ark-ui.com/svelte/docs/components/radio-group) - [Radio Group](https://ark-ui.com/solid/docs/components/radio-group) - [Rating Group](https://ark-ui.com/react/docs/components/rating-group) - [Rating Group](https://ark-ui.com/vue/docs/components/rating-group) - [Rating Group](https://ark-ui.com/svelte/docs/components/rating-group) - [Rating Group](https://ark-ui.com/solid/docs/components/rating-group) - [Scroll Area](https://ark-ui.com/react/docs/components/scroll-area) - [Scroll Area](https://ark-ui.com/vue/docs/components/scroll-area) - [Scroll Area](https://ark-ui.com/svelte/docs/components/scroll-area) - [Scroll Area](https://ark-ui.com/solid/docs/components/scroll-area) - [Segment Group](https://ark-ui.com/react/docs/components/segment-group) - [Segment Group](https://ark-ui.com/vue/docs/components/segment-group) - [Segment Group](https://ark-ui.com/svelte/docs/components/segment-group) - [Segment Group](https://ark-ui.com/solid/docs/components/segment-group) - [Select](https://ark-ui.com/react/docs/components/select) - [Select](https://ark-ui.com/vue/docs/components/select) - [Select](https://ark-ui.com/svelte/docs/components/select) - [Select](https://ark-ui.com/solid/docs/components/select) - [Signature Pad](https://ark-ui.com/react/docs/components/signature-pad) - [Signature Pad](https://ark-ui.com/vue/docs/components/signature-pad) - [Signature Pad](https://ark-ui.com/svelte/docs/components/signature-pad) - [Signature Pad](https://ark-ui.com/solid/docs/components/signature-pad) - [Slider](https://ark-ui.com/react/docs/components/slider) - [Slider](https://ark-ui.com/vue/docs/components/slider) - [Slider](https://ark-ui.com/svelte/docs/components/slider) - [Slider](https://ark-ui.com/solid/docs/components/slider) - [Splitter](https://ark-ui.com/react/docs/components/splitter) - [Splitter](https://ark-ui.com/vue/docs/components/splitter) - [Splitter](https://ark-ui.com/svelte/docs/components/splitter) - [Splitter](https://ark-ui.com/solid/docs/components/splitter) - [Steps](https://ark-ui.com/react/docs/components/steps) - [Steps](https://ark-ui.com/vue/docs/components/steps) - [Steps](https://ark-ui.com/svelte/docs/components/steps) - [Steps](https://ark-ui.com/solid/docs/components/steps) - [Switch](https://ark-ui.com/react/docs/components/switch) - [Switch](https://ark-ui.com/vue/docs/components/switch) - [Switch](https://ark-ui.com/svelte/docs/components/switch) - [Switch](https://ark-ui.com/solid/docs/components/switch) - [Tabs](https://ark-ui.com/react/docs/components/tabs) - [Tabs](https://ark-ui.com/vue/docs/components/tabs) - [Tabs](https://ark-ui.com/svelte/docs/components/tabs) - [Tabs](https://ark-ui.com/solid/docs/components/tabs) - [Tags Input](https://ark-ui.com/react/docs/components/tags-input) - [Tags Input](https://ark-ui.com/vue/docs/components/tags-input) - [Tags Input](https://ark-ui.com/svelte/docs/components/tags-input) - [Tags Input](https://ark-ui.com/solid/docs/components/tags-input) - [Timer](https://ark-ui.com/react/docs/components/timer) - [Timer](https://ark-ui.com/vue/docs/components/timer) - [Timer](https://ark-ui.com/svelte/docs/components/timer) - [Timer](https://ark-ui.com/solid/docs/components/timer) - [Toast](https://ark-ui.com/react/docs/components/toast) - [Toast](https://ark-ui.com/vue/docs/components/toast) - [Toast](https://ark-ui.com/svelte/docs/components/toast) - [Toast](https://ark-ui.com/solid/docs/components/toast) - [Toggle](https://ark-ui.com/react/docs/components/toggle) - [Toggle](https://ark-ui.com/vue/docs/components/toggle) - [Toggle](https://ark-ui.com/svelte/docs/components/toggle) - [Toggle](https://ark-ui.com/solid/docs/components/toggle) - [Toggle Group](https://ark-ui.com/react/docs/components/toggle-group) - [Toggle Group](https://ark-ui.com/vue/docs/components/toggle-group) - [Toggle Group](https://ark-ui.com/svelte/docs/components/toggle-group) - [Toggle Group](https://ark-ui.com/solid/docs/components/toggle-group) - [Tooltip](https://ark-ui.com/react/docs/components/tooltip) - [Tooltip](https://ark-ui.com/vue/docs/components/tooltip) - [Tooltip](https://ark-ui.com/svelte/docs/components/tooltip) - [Tooltip](https://ark-ui.com/solid/docs/components/tooltip) - [Tour](https://ark-ui.com/react/docs/components/tour) - [Tour](https://ark-ui.com/vue/docs/components/tour) - [Tour](https://ark-ui.com/svelte/docs/components/tour) - [Tour](https://ark-ui.com/solid/docs/components/tour) - [Tree View](https://ark-ui.com/react/docs/components/tree-view) - [Tree View](https://ark-ui.com/vue/docs/components/tree-view) - [Tree View](https://ark-ui.com/svelte/docs/components/tree-view) - [Tree View](https://ark-ui.com/solid/docs/components/tree-view) # UTILITIES - [Client Only](https://ark-ui.com/react/docs/utilities/client-only) - [Client Only](https://ark-ui.com/vue/docs/utilities/client-only) - [Client Only](https://ark-ui.com/svelte/docs/utilities/client-only) - [Client Only](https://ark-ui.com/solid/docs/utilities/client-only) - [Download Trigger](https://ark-ui.com/react/docs/utilities/download-trigger) - [Download Trigger](https://ark-ui.com/vue/docs/utilities/download-trigger) - [Download Trigger](https://ark-ui.com/svelte/docs/utilities/download-trigger) - [Download Trigger](https://ark-ui.com/solid/docs/utilities/download-trigger) - [Environment](https://ark-ui.com/react/docs/utilities/environment) - [Environment](https://ark-ui.com/vue/docs/utilities/environment) - [Environment](https://ark-ui.com/svelte/docs/utilities/environment) - [Environment](https://ark-ui.com/solid/docs/utilities/environment) - [Focus Trap](https://ark-ui.com/react/docs/utilities/focus-trap) - [Focus Trap](https://ark-ui.com/vue/docs/utilities/focus-trap) - [Focus Trap](https://ark-ui.com/svelte/docs/utilities/focus-trap) - [Focus Trap](https://ark-ui.com/solid/docs/utilities/focus-trap) - [Format Byte](https://ark-ui.com/react/docs/utilities/format-byte) - [Format Byte](https://ark-ui.com/vue/docs/utilities/format-byte) - [Format Byte](https://ark-ui.com/svelte/docs/utilities/format-byte) - [Format Byte](https://ark-ui.com/solid/docs/utilities/format-byte) - [Format Time](https://ark-ui.com/react/docs/utilities/format-time) - [Format Time](https://ark-ui.com/vue/docs/utilities/format-time) - [Format Time](https://ark-ui.com/svelte/docs/utilities/format-time) - [Format Time](https://ark-ui.com/solid/docs/utilities/format-time) - [Format Relative Time](https://ark-ui.com/react/docs/utilities/format-relative-time) - [Format Relative Time](https://ark-ui.com/vue/docs/utilities/format-relative-time) - [Format Relative Time](https://ark-ui.com/svelte/docs/utilities/format-relative-time) - [Format Relative Time](https://ark-ui.com/solid/docs/utilities/format-relative-time) - [Frame](https://ark-ui.com/react/docs/utilities/frame) - [Frame](https://ark-ui.com/vue/docs/utilities/frame) - [Frame](https://ark-ui.com/svelte/docs/utilities/frame) - [Frame](https://ark-ui.com/solid/docs/utilities/frame) - [Highlight](https://ark-ui.com/react/docs/utilities/highlight) - [Highlight](https://ark-ui.com/vue/docs/utilities/highlight) - [Highlight](https://ark-ui.com/svelte/docs/utilities/highlight) - [Highlight](https://ark-ui.com/solid/docs/utilities/highlight) - [JSON Tree View](https://ark-ui.com/react/docs/utilities/json-tree-view) - [JSON Tree View](https://ark-ui.com/vue/docs/utilities/json-tree-view) - [JSON Tree View](https://ark-ui.com/svelte/docs/utilities/json-tree-view) - [JSON Tree View](https://ark-ui.com/solid/docs/utilities/json-tree-view) - [Locale](https://ark-ui.com/react/docs/utilities/locale) - [Locale](https://ark-ui.com/vue/docs/utilities/locale) - [Locale](https://ark-ui.com/svelte/docs/utilities/locale) - [Locale](https://ark-ui.com/solid/docs/utilities/locale) - [Presence](https://ark-ui.com/react/docs/utilities/presence) - [Presence](https://ark-ui.com/vue/docs/utilities/presence) - [Presence](https://ark-ui.com/svelte/docs/utilities/presence) - [Presence](https://ark-ui.com/solid/docs/utilities/presence) - [Swap](https://ark-ui.com/react/docs/utilities/swap) - [Swap](https://ark-ui.com/vue/docs/utilities/swap) - [Swap](https://ark-ui.com/svelte/docs/utilities/swap) - [Swap](https://ark-ui.com/solid/docs/utilities/swap) ~~~ ## llms-full Not found.