# Overview - [Introduction](https://zagjs.com/overview/introduction) - [Installation](https://zagjs.com/overview/installation) - [State machine](https://zagjs.com/overview/whats-a-machine) - [Styling](https://zagjs.com/overview/styling) - [Composition](https://zagjs.com/overview/composition) - [Collection](https://zagjs.com/overview/collection) - [Programmatic Control](https://zagjs.com/overview/programmatic-control) - [LLMs.txt](https://zagjs.com/overview/llms-txt) - [FAQ](https://zagjs.com/overview/faq) - [Migration](https://zagjs.com/overview/migration) - [Changelog](https://zagjs.com/overview/changelogs) # Components ## React - [Accordion](https://zagjs.com/components/react/accordion) - [Angle Slider](https://zagjs.com/components/react/angle-slider) - [Avatar](https://zagjs.com/components/react/avatar) - [Carousel](https://zagjs.com/components/react/carousel) - [Checkbox](https://zagjs.com/components/react/checkbox) - [Clipboard](https://zagjs.com/components/react/clipboard) - [Collapsible](https://zagjs.com/components/react/collapsible) - [ColorPicker](https://zagjs.com/components/react/color-picker) - [Combobox](https://zagjs.com/components/react/combobox) - [Date Picker](https://zagjs.com/components/react/date-picker) - [Dialog](https://zagjs.com/components/react/dialog) - [Editable](https://zagjs.com/components/react/editable) - [File Upload](https://zagjs.com/components/react/file-upload) - [Hover Card](https://zagjs.com/components/react/hover-card) - [Menu](https://zagjs.com/components/react/menu) - [Context Menu](https://zagjs.com/components/react/context-menu) - [Nested Menu](https://zagjs.com/components/react/nested-menu) - [Number Input](https://zagjs.com/components/react/number-input) - [Pagination](https://zagjs.com/components/react/pagination) - [Pin Input](https://zagjs.com/components/react/pin-input) - [Popover](https://zagjs.com/components/react/popover) - [Presence](https://zagjs.com/components/react/presence) - [Progress - Linear](https://zagjs.com/components/react/linear-progress) - [Progress - Circular](https://zagjs.com/components/react/circular-progress) - [QR Code](https://zagjs.com/components/react/qr-code) - [Radio Group](https://zagjs.com/components/react/radio-group) - [Range Slider](https://zagjs.com/components/react/range-slider) - [Rating Group](https://zagjs.com/components/react/rating-group) - [Segmented Control](https://zagjs.com/components/react/segmented-control) - [Select](https://zagjs.com/components/react/select) - [Signature Pad](https://zagjs.com/components/react/signature-pad) - [Slider](https://zagjs.com/components/react/slider) - [Splitter](https://zagjs.com/components/react/splitter) - [Steps](https://zagjs.com/components/react/steps) - [Switch](https://zagjs.com/components/react/switch) - [Tabs](https://zagjs.com/components/react/tabs) - [Tags Input](https://zagjs.com/components/react/tags-input) - [Timer](https://zagjs.com/components/react/timer) - [Toast](https://zagjs.com/components/react/toast) - [Toggle Group](https://zagjs.com/components/react/toggle-group) - [Tooltip](https://zagjs.com/components/react/tooltip) - [Tour](https://zagjs.com/components/react/tour) - [Tree View](https://zagjs.com/components/react/tree-view) ## Solid - [Accordion](https://zagjs.com/components/solid/accordion) - [Angle Slider](https://zagjs.com/components/solid/angle-slider) - [Avatar](https://zagjs.com/components/solid/avatar) - [Carousel](https://zagjs.com/components/solid/carousel) - [Checkbox](https://zagjs.com/components/solid/checkbox) - [Clipboard](https://zagjs.com/components/solid/clipboard) - [Collapsible](https://zagjs.com/components/solid/collapsible) - [ColorPicker](https://zagjs.com/components/solid/color-picker) - [Combobox](https://zagjs.com/components/solid/combobox) - [Date Picker](https://zagjs.com/components/solid/date-picker) - [Dialog](https://zagjs.com/components/solid/dialog) - [Editable](https://zagjs.com/components/solid/editable) - [File Upload](https://zagjs.com/components/solid/file-upload) - [Hover Card](https://zagjs.com/components/solid/hover-card) - [Menu](https://zagjs.com/components/solid/menu) - [Context Menu](https://zagjs.com/components/solid/context-menu) - [Nested Menu](https://zagjs.com/components/solid/nested-menu) - [Number Input](https://zagjs.com/components/solid/number-input) - [Pagination](https://zagjs.com/components/solid/pagination) - [Pin Input](https://zagjs.com/components/solid/pin-input) - [Popover](https://zagjs.com/components/solid/popover) - [Presence](https://zagjs.com/components/solid/presence) - [Progress - Linear](https://zagjs.com/components/solid/linear-progress) - [Progress - Circular](https://zagjs.com/components/solid/circular-progress) - [QR Code](https://zagjs.com/components/solid/qr-code) - [Radio Group](https://zagjs.com/components/solid/radio-group) - [Range Slider](https://zagjs.com/components/solid/range-slider) - [Rating Group](https://zagjs.com/components/solid/rating-group) - [Segmented Control](https://zagjs.com/components/solid/segmented-control) - [Select](https://zagjs.com/components/solid/select) - [Signature Pad](https://zagjs.com/components/solid/signature-pad) - [Slider](https://zagjs.com/components/solid/slider) - [Splitter](https://zagjs.com/components/solid/splitter) - [Steps](https://zagjs.com/components/solid/steps) - [Switch](https://zagjs.com/components/solid/switch) - [Tabs](https://zagjs.com/components/solid/tabs) - [Tags Input](https://zagjs.com/components/solid/tags-input) - [Timer](https://zagjs.com/components/solid/timer) - [Toast](https://zagjs.com/components/solid/toast) - [Toggle Group](https://zagjs.com/components/solid/toggle-group) - [Tooltip](https://zagjs.com/components/solid/tooltip) - [Tour](https://zagjs.com/components/solid/tour) - [Tree View](https://zagjs.com/components/solid/tree-view) ## Vue - [Accordion](https://zagjs.com/components/vue/accordion) - [Angle Slider](https://zagjs.com/components/vue/angle-slider) - [Avatar](https://zagjs.com/components/vue/avatar) - [Carousel](https://zagjs.com/components/vue/carousel) - [Checkbox](https://zagjs.com/components/vue/checkbox) - [Clipboard](https://zagjs.com/components/vue/clipboard) - [Collapsible](https://zagjs.com/components/vue/collapsible) - [ColorPicker](https://zagjs.com/components/vue/color-picker) - [Combobox](https://zagjs.com/components/vue/combobox) - [Date Picker](https://zagjs.com/components/vue/date-picker) - [Dialog](https://zagjs.com/components/vue/dialog) - [Editable](https://zagjs.com/components/vue/editable) - [File Upload](https://zagjs.com/components/vue/file-upload) - [Hover Card](https://zagjs.com/components/vue/hover-card) - [Menu](https://zagjs.com/components/vue/menu) - [Context Menu](https://zagjs.com/components/vue/context-menu) - [Nested Menu](https://zagjs.com/components/vue/nested-menu) - [Number Input](https://zagjs.com/components/vue/number-input) - [Pagination](https://zagjs.com/components/vue/pagination) - [Pin Input](https://zagjs.com/components/vue/pin-input) - [Popover](https://zagjs.com/components/vue/popover) - [Presence](https://zagjs.com/components/vue/presence) - [Progress - Linear](https://zagjs.com/components/vue/linear-progress) - [Progress - Circular](https://zagjs.com/components/vue/circular-progress) - [QR Code](https://zagjs.com/components/vue/qr-code) - [Radio Group](https://zagjs.com/components/vue/radio-group) - [Range Slider](https://zagjs.com/components/vue/range-slider) - [Rating Group](https://zagjs.com/components/vue/rating-group) - [Segmented Control](https://zagjs.com/components/vue/segmented-control) - [Select](https://zagjs.com/components/vue/select) - [Signature Pad](https://zagjs.com/components/vue/signature-pad) - [Slider](https://zagjs.com/components/vue/slider) - [Splitter](https://zagjs.com/components/vue/splitter) - [Steps](https://zagjs.com/components/vue/steps) - [Switch](https://zagjs.com/components/vue/switch) - [Tabs](https://zagjs.com/components/vue/tabs) - [Tags Input](https://zagjs.com/components/vue/tags-input) - [Timer](https://zagjs.com/components/vue/timer) - [Toast](https://zagjs.com/components/vue/toast) - [Toggle Group](https://zagjs.com/components/vue/toggle-group) - [Tooltip](https://zagjs.com/components/vue/tooltip) - [Tour](https://zagjs.com/components/vue/tour) - [Tree View](https://zagjs.com/components/vue/tree-view) ## Svelte - [Accordion](https://zagjs.com/components/svelte/accordion) - [Angle Slider](https://zagjs.com/components/svelte/angle-slider) - [Avatar](https://zagjs.com/components/svelte/avatar) - [Carousel](https://zagjs.com/components/svelte/carousel) - [Checkbox](https://zagjs.com/components/svelte/checkbox) - [Clipboard](https://zagjs.com/components/svelte/clipboard) - [Collapsible](https://zagjs.com/components/svelte/collapsible) - [ColorPicker](https://zagjs.com/components/svelte/color-picker) - [Combobox](https://zagjs.com/components/svelte/combobox) - [Date Picker](https://zagjs.com/components/svelte/date-picker) - [Dialog](https://zagjs.com/components/svelte/dialog) - [Editable](https://zagjs.com/components/svelte/editable) - [File Upload](https://zagjs.com/components/svelte/file-upload) - [Hover Card](https://zagjs.com/components/svelte/hover-card) - [Menu](https://zagjs.com/components/svelte/menu) - [Context Menu](https://zagjs.com/components/svelte/context-menu) - [Nested Menu](https://zagjs.com/components/svelte/nested-menu) - [Number Input](https://zagjs.com/components/svelte/number-input) - [Pagination](https://zagjs.com/components/svelte/pagination) - [Pin Input](https://zagjs.com/components/svelte/pin-input) - [Popover](https://zagjs.com/components/svelte/popover) - [Presence](https://zagjs.com/components/svelte/presence) - [Progress - Linear](https://zagjs.com/components/svelte/linear-progress) - [Progress - Circular](https://zagjs.com/components/svelte/circular-progress) - [QR Code](https://zagjs.com/components/svelte/qr-code) - [Radio Group](https://zagjs.com/components/svelte/radio-group) - [Range Slider](https://zagjs.com/components/svelte/range-slider) - [Rating Group](https://zagjs.com/components/svelte/rating-group) - [Segmented Control](https://zagjs.com/components/svelte/segmented-control) - [Select](https://zagjs.com/components/svelte/select) - [Signature Pad](https://zagjs.com/components/svelte/signature-pad) - [Slider](https://zagjs.com/components/svelte/slider) - [Splitter](https://zagjs.com/components/svelte/splitter) - [Steps](https://zagjs.com/components/svelte/steps) - [Switch](https://zagjs.com/components/svelte/switch) - [Tabs](https://zagjs.com/components/svelte/tabs) - [Tags Input](https://zagjs.com/components/svelte/tags-input) - [Timer](https://zagjs.com/components/svelte/timer) - [Toast](https://zagjs.com/components/svelte/toast) - [Toggle Group](https://zagjs.com/components/svelte/toggle-group) - [Tooltip](https://zagjs.com/components/svelte/tooltip) - [Tour](https://zagjs.com/components/svelte/tour) - [Tree View](https://zagjs.com/components/svelte/tree-view)