I
imskyleen/animate-ui
Avatar Groupcomponents-animate-avatar-groupAn animated avatar group that displays overlapping user images and smoothly shifts each avatar forward on hover to highlight it.
Codecomponents-animate-codeA code component that animates the code as it is written.
Code Tabscomponents-animate-code-tabsA tabs component that displays code for different languages.
Cursorcomponents-animate-cursorAn animated cursor component that allows you to customize both the cursor and cursor follow elements with smooth animations.
GitHub Stars Wheelcomponents-animate-github-stars-wheelA scrolling wheel that displays GitHub stars count.
Tabscomponents-animate-tabsA set of layered sections of content—known as tab panels—that are displayed one at a time.
Tooltipcomponents-animate-tooltipA tooltip is a small box that appears when hovering over an element.
Bubble Backgroundcomponents-backgrounds-bubbleAn interactive background featuring smoothly animated gradient bubbles, creating a playful, dynamic, and visually engaging backdrop.
Fireworks Backgroundcomponents-backgrounds-fireworksA background component that displays a fireworks animation.
Gradient Backgroundcomponents-backgrounds-gradientA background component featuring a subtle yet engaging animated gradient effect, smoothly transitioning colors to enhance visual depth.
Gravity Stars Backgroundcomponents-backgrounds-gravity-starsA background component featuring a subtle yet engaging animated gravity stars effect.
Hexagon Backgroundcomponents-backgrounds-hexagonA background component featuring an interactive hexagon grid.
Hole Backgroundcomponents-backgrounds-holeA background component featuring an animated hole grid.
Stars Backgroundcomponents-backgrounds-starsAn interactive background featuring animated dots of varying sizes and speeds, simulating a dynamic and immersive starry space effect.
Accordioncomponents-base-accordionA set of collapsible panels with headings.
Alert Dialogcomponents-base-alert-dialogA dialog that requires user response to proceed.
Checkboxcomponents-base-checkboxAn easily stylable checkbox component.
Dialogcomponents-base-dialogA popup that opens on top of the entire page.
Filescomponents-base-filesA component that allows you to display a list of files and folders.
Menucomponents-base-menuA list of actions in a dropdown, enhanced with keyboard navigation.
Popovercomponents-base-popoverAn accessible popup anchored to a button.
Preview Cardcomponents-base-preview-cardA popup that appears when a link is hovered, showing a preview for sighted users.
Preview Link Cardcomponents-base-preview-link-cardDisplays a preview image of a link when hovered.
Progresscomponents-base-progressDisplays the status of a task that takes a long time.
Base Radiocomponents-base-radioAn easily stylable radio button component.
Switchcomponents-base-switchA control that indicates whether a setting is on or off.
Tabscomponents-base-tabsA component for toggling between related panels on the same page.
Togglecomponents-base-toggleA two-state button that can be on or off.
Toggle Groupcomponents-base-toggle-groupProvides a shared state to a series of toggle buttons.
Tooltipcomponents-base-tooltipA popup that appears when an element is hovered or focused, showing a hint for sighted users.
Buttoncomponents-buttons-buttonA button component with a variety of styles and animations.
Copy Buttoncomponents-buttons-copyA copy button component with a variety of styles and animations.
Flip Buttoncomponents-buttons-flipA button that flips between two states on hover.
GitHub Stars Buttoncomponents-buttons-github-starsA clickable button that links to a GitHub repository and displays the number of stars.
Icon Buttoncomponents-buttons-iconAn icon button component with a variety of styles and animations.
Liquid Buttoncomponents-buttons-liquidA button that fills on hover.
Ripple Buttoncomponents-buttons-rippleA button that animates on tap with a ripple effect.
Theme Toggler Buttoncomponents-buttons-theme-togglerA button that toggles the theme gradually.
Flip Cardcomponents-community-flip-cardA 3D animated card component that flips to reveal content on the back.
Management Barcomponents-community-management-barA management bar for managing items.
Motion Carouselcomponents-community-motion-carouselA carousel built on top of Embla Carousel with smooth Motion-powered animations. Each slide scales dynamically based on its active state, and the pagination uses animated pill-style dot buttons for an interactive, fluid experience.
Notification Listcomponents-community-notification-listA fun notification list with animated stacking and cards that expand as you interact.
Pin Listcomponents-community-pin-listA playful list for pinning and unpinning items, with smooth animated transitions as items move between groups.
Playful Todolistcomponents-community-playful-todolistA playful todolist component with animated wavy strikethroughs for each completed task.
Radial Introcomponents-community-radial-introA circular intro animation component that arranges elements in a radial layout, smoothly transitioning them into orbit with looping motion.
Radial Menucomponents-community-radial-menuA circular context menu built with Base UI, displaying actions in a clean radial layout with full keyboard support and smooth interaction.
Radial Navcomponents-community-radial-navA circular navigation menu with animated pointer and expanding buttons for smooth interactive transitions.
Share Buttoncomponents-community-share-buttonThis is a button for sharing.
User Presence Avatarcomponents-community-user-presence-avatarA compact avatar group for showing online and offline users, with smooth animated transitions when presence changes.
Accordioncomponents-headless-accordionA vertically stacked set of interactive headings that each reveal an associated section of content.
Checkboxcomponents-headless-checkboxCheckboxes provide the same functionality as native HTML checkboxes, without any of the styling, giving you a clean slate to design them however you'd like.
Dialogcomponents-headless-dialogA fully-managed, renderless dialog component jam-packed with accessibility and keyboard features, perfect for building completely custom dialogs and alerts.
Popovercomponents-headless-popoverPopovers are perfect for floating panels with arbitrary content like navigation menus, mobile menus and flyout menus.
Switchcomponents-headless-switchSwitches are a pleasant interface for toggling a value between two states, and offer the same semantics and keyboard navigation as native checkbox elements.
Tabscomponents-headless-tabsEasily create accessible, fully customizable tab interfaces, with robust focus management and keyboard navigation support.
Accordioncomponents-radix-accordionA vertically stacked set of interactive headings that each reveal an associated section of content.
Alert Dialogcomponents-radix-alert-dialogA modal dialog that interrupts the user with important content and expects a response.
Checkboxcomponents-radix-checkboxA control that allows the user to toggle between checked and not checked.
Dialogcomponents-radix-dialogA window overlaid on either the primary window or another dialog window, rendering the content underneath inert.
Dropdown Menucomponents-radix-dropdown-menuDisplays a menu to the user — such as a set of actions or functions — triggered by a button.
Filescomponents-radix-filesA component that allows you to display a list of files and folders.
Hover Cardcomponents-radix-hover-cardFor sighted users to preview content available behind a link.
Popovercomponents-radix-popoverDisplays rich content in a portal, triggered by a button.
Preview Link Cardcomponents-radix-preview-link-cardDisplays a preview image of a link when hovered.
Progresscomponents-radix-progressDisplays an indicator showing the completion progress of a task, typically displayed as a progress bar.
Radio Groupcomponents-radix-radio-groupA set of checkable buttons—known as radio buttons—where no more than one of the buttons can be checked at a time.
Sheetcomponents-radix-sheetExtends the Dialog component to display content that complements the main content of the screen.
Sidebarcomponents-radix-sidebarA composable, themeable and customizable sidebar component. Created by Shadcn and animated by Animate UI.
Switchcomponents-radix-switchA control that allows the user to toggle between checked and not checked.
Tabscomponents-radix-tabsA set of layered sections of content—known as tab panels—that are displayed one at a time.
Togglecomponents-radix-toggleA two-state button that can be either on or off.
Toggle Groupcomponents-radix-toggle-groupA set of two-state buttons that can be toggled on or off.
Tooltipcomponents-radix-tooltipA popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.
Avatar Group Demodemo-components-animate-avatar-groupDemo showing a avatar group.
Code Demodemo-components-animate-codeDemo showing a code.
Code Tabs Demodemo-components-animate-code-tabsDemo showing a code tabs.
Cursor Demodemo-components-animate-cursorDemo showing a cursor.
Animate GitHub Stars Wheel Demodemo-components-animate-github-stars-wheelDemo showing an animated github stars wheel.
Animate Tabs Demodemo-components-animate-tabsDemo showing an animated tabs.
Animate Tooltip Demodemo-components-animate-tooltipDemo showing an animated tooltip.
Bubble Background Demodemo-components-backgrounds-bubbleDemo showing a bubble background.
Fireworks Background Demodemo-components-backgrounds-fireworksDemo showing a fireworks background.
Fireworks Circle Background Demodemo-components-backgrounds-fireworks-circleDemo showing a fireworks circle background.
Gradient Background Demodemo-components-backgrounds-gradientDemo showing a gradient background.
Gravity Stars Background Demodemo-components-backgrounds-gravity-starsDemo showing a gravity stars background.
Hexagon Background Demodemo-components-backgrounds-hexagonDemo showing a hexagon background.
Hole Background Demodemo-components-backgrounds-holeDemo showing a hole background.
Stars Background Demodemo-components-backgrounds-starsDemo showing a stars background.
Accordion Demodemo-components-base-accordionDemo showing a accordion.
Alert Dialog Demodemo-components-base-alert-dialogDemo showing a alert dialog.
Checkbox Demodemo-components-base-checkboxDemo showing a checkbox.
Dialog Demodemo-components-base-dialogDemo showing a dialog.
Files Demodemo-components-base-filesDemo showing a files.
Menu Demodemo-components-base-menuDemo showing a menu.
Menu Checkbox Demodemo-components-base-menu-checkboxDemo showing a menu checkbox.
Menu Radio Demodemo-components-base-menu-radioDemo showing a menu radio.
Popover Demodemo-components-base-popoverDemo showing a popover.
Preview Card Demodemo-components-base-preview-cardDemo showing a preview card.
Preview Link Card Demodemo-components-base-preview-link-cardDemo showing a preview link card.
Progress Demodemo-components-base-progressDemo showing a progress bar.
Base Radio Demodemo-components-base-radioDemo showing a base radio.
Switch Demodemo-components-base-switchDemo showing a switch.
Base Tabs Demodemo-components-base-tabsDemo showing a base tabs.
Toggle Demodemo-components-base-toggleDemo showing a toggle.
Toggle Group Demodemo-components-base-toggle-groupDemo showing a toggle group.
Tooltip Demodemo-components-base-tooltipDemo showing a tooltip.
Button Demodemo-components-buttons-buttonDemo showing a button.
Copy Button Demodemo-components-buttons-copyDemo showing a copy button.
Flip Button Demodemo-components-buttons-flipDemo showing a flip button.
GitHub Stars Button Demodemo-components-buttons-github-starsDemo showing a GitHub stars button.
Icon Button Demodemo-components-buttons-iconDemo showing an icon button.
Liquid Button Demodemo-components-buttons-liquidDemo showing a liquid button.
Ripple Button Demodemo-components-buttons-rippleDemo showing a ripple button.
Theme Toggler Button Demodemo-components-buttons-theme-togglerDemo showing a theme toggler button.
Flip Card Demodemo-components-community-flip-cardDemo showing the flip card component.
Management Bar Demodemo-components-community-management-barDemo showing a management bar.
Motion Carousel Demodemo-components-community-motion-carouselDemo showing motion carousel.
Notification List Demodemo-components-community-notification-listDemo showing a notification list.
Pin List Demodemo-components-community-pin-listDemo showing a pin list.
Playful Todolist Demodemo-components-community-playful-todolistDemo showing a playful todolist.
Radial Intro Demodemo-components-community-radial-introDemo showing radial intro.
Radial Menu Demodemo-components-community-radial-menuDemo Radial Menu.
Radial Nav Demodemo-components-community-radial-navDemo Radial Nav.
Share Button Demodemo-components-community-share-buttonDemo showing a share button.
User Presence Avatar Demodemo-components-community-user-presence-avatarDemo showing a user presence avatar.
Accordion Demodemo-components-headless-accordionDemo showing a accordion.
Checkbox Demodemo-components-headless-checkboxDemo showing a checkbox.
Dialog Demodemo-components-headless-dialogDemo showing a dialog.
Popover Demodemo-components-headless-popoverDemo showing a popover.
Headless Switch Demodemo-components-headless-switchDemo showing a headless switch.
Headless Tabs Demodemo-components-headless-tabsDemo showing a headless tabs.
Accordion Demodemo-components-radix-accordionDemo showing a accordion.
Alert Dialog Demodemo-components-radix-alert-dialogDemo showing a alert dialog.
Checkbox Demodemo-components-radix-checkboxDemo showing a checkbox.
Dialog Demodemo-components-radix-dialogDemo showing a dialog.
Dropdown Menu Demodemo-components-radix-dropdown-menuDemo showing a dropdown menu.
Dropdown Menu Checkbox Demodemo-components-radix-dropdown-menu-checkboxDemo showing a dropdown menu with a checkbox.
Dropdown Menu Radio Demodemo-components-radix-dropdown-menu-radioDemo showing a dropdown menu with a radio.
Files Demodemo-components-radix-filesDemo showing a files.
Hover Card Demodemo-components-radix-hover-cardDemo showing a hover card.
Popover Demodemo-components-radix-popoverDemo showing a popover.
Preview Link Card Demodemo-components-radix-preview-link-cardDemo showing a preview link card.
Radix Progress Demodemo-components-radix-progressDemo showing a radix progress.
Radix Radio Group Demodemo-components-radix-radio-groupDemo showing a radix radio group.
Radix Sheet Demodemo-components-radix-sheetDemo showing a radix sheet.
Radix Sidebar Demodemo-components-radix-sidebarDemo showing a radix sidebar.
Radix Switch Demodemo-components-radix-switchDemo showing a radix switch.
Radix Tabs Demodemo-components-radix-tabsDemo showing a radix tabs.
Radix Toggle Demodemo-components-radix-toggleDemo showing a radix toggle.
Radix Toggle Group Demodemo-components-radix-toggle-groupDemo showing a radix toggle group.
Radix Tooltip Demodemo-components-radix-tooltipDemo showing a radix tooltip.
Animate Avatar Group Demodemo-primitives-animate-avatar-groupDemo showing an animated avatar group.
Animate Code Block Demodemo-primitives-animate-code-blockDemo showing an animated code block.
Animate Cursor Demodemo-primitives-animate-cursorDemo showing an animated cursor.
GitHub Stars Demodemo-primitives-animate-github-starsDemo showing an animated github stars counter.
Animate Motion Grid Demodemo-primitives-animate-motion-gridDemo showing an animated motion grid.
Animate Pinned List Demodemo-primitives-animate-pinned-listDemo showing an animated pinned list.
Animate Scroll Progress Demodemo-primitives-animate-scroll-progressDemo showing an animated scroll progress.
Animate Spring Demodemo-primitives-animate-springDemo showing an animated spring.
Animate Tabs Demodemo-primitives-animate-tabsDemo showing an animated tabs.
Animate Tooltip Demodemo-primitives-animate-tooltipDemo showing an animated tooltip.
Base Accordion Demodemo-primitives-base-accordionDemo showing an animated base accordion.
Base Alert Dialog Demodemo-primitives-base-alert-dialogDemo showing an animated base alert dialog.
Base Checkbox Demodemo-primitives-base-checkboxDemo showing an animated base checkbox.
Base Collapsible Demodemo-primitives-base-collapsibleDemo showing an animated base collapsible.
Base Dialog Demodemo-primitives-base-dialogDemo showing an animated base dialog.
Base Files Demodemo-primitives-base-filesDemo showing an animated base files.
Base Menu Demodemo-primitives-base-menuDemo showing an animated base menu.
Base Popover Demodemo-primitives-base-popoverDemo showing an animated base popover.
Base Preview Card Demodemo-primitives-base-preview-cardDemo showing an animated base preview card.
Base Preview Link Card Demodemo-primitives-base-preview-link-cardDemo showing an animated base preview link card.
Base Progress Demodemo-primitives-base-progressDemo showing an animated base progress.
Base Radio Demodemo-primitives-base-radioDemo showing an animated base radio.
Base Switch Demodemo-primitives-base-switchDemo showing an animated base switch.
Base Tabs Demodemo-primitives-base-tabsDemo showing an animated base tabs.
Base Toggle Demodemo-primitives-base-toggleDemo showing an animated base toggle.
Base Toggle Group Demodemo-primitives-base-toggle-groupDemo showing an animated base toggle group.
Base Tooltip Demodemo-primitives-base-tooltipDemo showing an animated base tooltip.
Button Demodemo-primitives-buttons-buttonDemo showing a button.
Flip Button Demodemo-primitives-buttons-flipDemo showing an animated flip button.
Liquid Button Demodemo-primitives-buttons-liquidDemo showing an animated liquid button.
Ripple Button Demodemo-primitives-buttons-rippleDemo showing a ripple button.
Auto Height Demodemo-primitives-effects-auto-heightDemo showing an animated auto height.
Blur Demodemo-primitives-effects-blurDemo showing an animated blur.
Click Demodemo-primitives-effects-clickDemo showing an animated click.
Effect Demodemo-primitives-effects-effectDemo showing an animated effect.
Fade Demodemo-primitives-effects-fadeDemo showing an animated fade.
Highlight Demodemo-primitives-effects-highlightDemo showing an animated highlight.
Image Zoom Demodemo-primitives-effects-image-zoomDemo showing a image zoom effect.
Magnetic Demodemo-primitives-effects-magneticDemo showing a magnetic effect.
Particles Demodemo-primitives-effects-particlesDemo showing an animated particles.
Shine Demodemo-primitives-effects-shineDemo showing an animated shine.
Slide Demodemo-primitives-effects-slideDemo showing an animated slide.
Theme Toggler Demodemo-primitives-effects-theme-togglerDemo showing a theme toggler.
Tilt Demodemo-primitives-effects-tiltDemo showing an animated tilt.
Zoom Demodemo-primitives-effects-zoomDemo showing an animated zoom.
Headless Checkbox Demodemo-primitives-headless-checkboxDemo showing an animated headless checkbox.
Headless Dialog Demodemo-primitives-headless-dialogDemo showing an animated headless dialog.
Headless Disclosure Demodemo-primitives-headless-disclosureDemo showing an animated headless disclosure.
Headless Popover Demodemo-primitives-headless-popoverDemo showing an animated headless popover.
Headless Switch Demodemo-primitives-headless-switchDemo showing an animated headless switch.
Headless Tabs Demodemo-primitives-headless-tabsDemo showing an animated headless tabs.
Radix Accordion Demodemo-primitives-radix-accordionDemo showing an animated radix accordion.
Radix Alert Dialog Demodemo-primitives-radix-alert-dialogDemo showing an animated radix alert dialog.
Radix Checkbox Demodemo-primitives-radix-checkboxDemo showing an animated radix checkbox.
Radix Collapsible Demodemo-primitives-radix-collapsibleDemo showing an animated radix collapsible.
Radix Dialog Demodemo-primitives-radix-dialogDemo showing an animated radix dialog.
Radix Dropdown Menu Demodemo-primitives-radix-dropdown-menuDemo showing an animated radix dropdown menu.
Radix Files Demodemo-primitives-radix-filesDemo showing an animated radix files.
Radix Hover Card Demodemo-primitives-radix-hover-cardDemo showing an animated radix hover card.
Radix Popover Demodemo-primitives-radix-popoverDemo showing an animated radix popover.
Radix Preview Link Card Demodemo-primitives-radix-preview-link-cardDemo showing an animated radix preview link card.
Radix Progress Demodemo-primitives-radix-progressDemo showing an animated radix progress.
Radix Radio Group Demodemo-primitives-radix-radio-groupDemo showing an animated radix radio group.
Radix Sheet Demodemo-primitives-radix-sheetDemo showing an animated radix sheet.
Radix Switch Demodemo-primitives-radix-switchDemo showing an animated radix switch.
Radix Tabs Demodemo-primitives-radix-tabsDemo showing an animated radix tabs.
Radix Toggle Demodemo-primitives-radix-toggleDemo showing an animated radix toggle.
Radix Toggle Group Demodemo-primitives-radix-toggle-groupDemo showing an animated radix toggle group.
Radix Tooltip Demodemo-primitives-radix-tooltipDemo showing an animated radix tooltip.
Counting Number Demodemo-primitives-texts-counting-numberDemo showing an animated counting number.
Gradient Text Demodemo-primitives-texts-gradientDemo showing an animated gradient text.
Highlight Text Demodemo-primitives-texts-highlightDemo showing an animated highlight text.
Morphing Text Demodemo-primitives-texts-morphingDemo showing an animated morphing text.
Rolling Text Demodemo-primitives-texts-rollingDemo showing an animated rolling text.
Rotating Text Demodemo-primitives-texts-rotatingDemo showing an animated rotating text.
Scrolling Number Demodemo-primitives-texts-scrolling-numberDemo showing an animated scrolling number.
Shimmering Text Demodemo-primitives-texts-shimmeringDemo showing an animated shimmering text.
Sliding Number Demodemo-primitives-texts-sliding-numberDemo showing an animated sliding number.
Splitting Text Demodemo-primitives-texts-splittingDemo showing an animated splitting text.
Splitting Text Demodemo-primitives-texts-splitting-exampleDemo showing an animated splitting text.
Typing Text Demodemo-primitives-texts-typingDemo showing an animated typing text.
Accessibility Iconicons-accessibilityAccessibility icon component.
Activity Iconicons-activityActivity icon component.
Airplay Iconicons-airplayAirplay icon component.
Alarm Clock Iconicons-alarm-clockAlarm clock icon component.
Arrow Down Iconicons-arrow-downArrow down icon component.
Arrow Left Iconicons-arrow-leftArrow left icon component.
Arrow Right Iconicons-arrow-rightArrow right icon component.
Arrow Up Iconicons-arrow-upArrow up icon component.
Arrow Up Down Iconicons-arrow-up-downArrow up down icon component.
Audio Lines Iconicons-audio-linesAudio Lines icon component.
Axe Iconicons-axeAxe icon component.
Axis 3D Iconicons-axis-3dAxis 3D icon component.
Badge Check Iconicons-badge-checkBadge check icon component.
Battery Charging Iconicons-battery-chargingBattery Charging icon component.
Battery Full Iconicons-battery-fullBattery Full icon component.
Battery Low Iconicons-battery-lowBattery Low icon component.
Battery Medium Iconicons-battery-mediumBattery Medium icon component.
Bell Iconicons-bellBell icon component.
Bell Off Iconicons-bell-offBell off icon component.
Bell Ring Iconicons-bell-ringBell ring icon component.
Between Horizontal End Iconicons-between-horizontal-endBetween horizontal end icon component.
Between Horizontal Start Iconicons-between-horizontal-startBetween horizontal start icon component.
Between Vertical End Iconicons-between-vertical-endBetween vertical end icon component.
Between Vertical Start Iconicons-between-vertical-startBetween vertical start icon component.
Binary Iconicons-binaryBinary icon component.
Blend Iconicons-blendBlend icon component.
Blocks Iconicons-blocksBlocks icon component.
Bot Iconicons-botBot icon component.
Bot Message Square Iconicons-bot-message-squareBot message square icon component.
Bot Off Iconicons-bot-offBot off icon component.
Brush Iconicons-brushBrush icon component.
Brush Cleaning Iconicons-brush-cleaningBrush cleaning icon component.
Cast Iconicons-castCast icon component.
CCTV Iconicons-cctvCCTV icon component.
Chart Bar Iconicons-chart-barChart bar icon component.
Chart Bar Decreasing Iconicons-chart-bar-decreasingChart bar decreasing icon component.
Chart Bar Increasing Iconicons-chart-bar-increasingChart bar increasing icon component.
Chart Column Iconicons-chart-columnChart column icon component.
Chart Column Decreasing Iconicons-chart-column-decreasingChart column decreasing icon component.
Chart Column Increasing Iconicons-chart-column-increasingChart column increasing icon component.
Chart Line Iconicons-chart-lineChart line icon component.
Chart No Axes Column Iconicons-chart-no-axes-columnChart no axes column icon component.
Chart No Axes Column Decreasing Iconicons-chart-no-axes-column-decreasingChart no axes column decreasing icon component.
Chart No Axes Column Increasing Iconicons-chart-no-axes-column-increasingChart no axes column increasing icon component.
Chart Scatter Iconicons-chart-scatterChart scatter icon component.
Chart Spline Iconicons-chart-splineChart spline icon component.
Check Iconicons-checkCheck icon component.
Check Check Iconicons-check-checkCheck check icon component.
Check Line Iconicons-check-lineCheck line icon component.
Cherry Iconicons-cherryCherry icon component.
Chevron Down Iconicons-chevron-downChevron down icon component.
Chevron Left Iconicons-chevron-leftChevron left icon component.
Chevron Left Right Iconicons-chevron-left-rightChevron left right icon component.
Chevron Right Iconicons-chevron-rightChevron right icon component.
Chevron Up Iconicons-chevron-upChevron up icon component.
Chevron Up Down Iconicons-chevron-up-downChevron up down icon component.
Circle Check Iconicons-circle-checkCircle check icon component.
Circle Check Big Iconicons-circle-check-bigCircle check big icon component.
Circle Plus Iconicons-circle-plusCircle plus icon component.
Circle X Iconicons-circle-xCircle x icon component.
Circuit Board Iconicons-circuit-boardCircuit Board icon component.
Clapperboard Iconicons-clapperboardClapperboard icon component.
Clipboard Iconicons-clipboardClipboard icon component.
Clipboard Check Iconicons-clipboard-checkClipboard Check icon component.
Clipboard List Iconicons-clipboard-listClipboard List icon component.
Clock Iconicons-clockClock icon component.
Clock 1 Iconicons-clock-1Clock 1 icon component.
Clock 10 Iconicons-clock-10Clock 10 icon component.
Clock 11 Iconicons-clock-11Clock 11 icon component.
Clock 12 Iconicons-clock-12Clock 12 icon component.
Clock 2 Iconicons-clock-2Clock 2 icon component.
Clock 3 Iconicons-clock-3Clock 3 icon component.
Clock 4 Iconicons-clock-4Clock 4 icon component.
Clock 5 Iconicons-clock-5Clock 5 icon component.
Clock 6 Iconicons-clock-6Clock 6 icon component.
Clock 7 Iconicons-clock-7Clock 7 icon component.
Clock 8 Iconicons-clock-8Clock 8 icon component.
Clock 9 Iconicons-clock-9Clock 9 icon component.
Cloud Download Iconicons-cloud-downloadCloud download icon component.
Cloud Drizzle Iconicons-cloud-drizzleCloud drizzle icon component.
Cloud Hail Iconicons-cloud-hailCloud hail icon component.
Cloud Lightning Iconicons-cloud-lightningCloud lightning icon component.
Cloud Moon Iconicons-cloud-moonCloud moon icon component.
Cloud Moon Rain Iconicons-cloud-moon-rainCloud moon rain icon component.
Cloud Rain Iconicons-cloud-rainCloud rain icon component.
Cloud Rain Wind Iconicons-cloud-rain-windCloud rain wind icon component.
Cloud Snow Iconicons-cloud-snowCloud snow icon component.
Cloud Sun Iconicons-cloud-sunCloud sun icon component.
Cloud Sun Rain Iconicons-cloud-sun-rainCloud sun rain icon component.
Cloud Upload Iconicons-cloud-uploadCloud upload icon component.
Cog Iconicons-cogCog icon component.
Compass Iconicons-compassCompass icon component.
Contrast Iconicons-contrastContrast icon component.
Copy Iconicons-copyCopy icon component.
Crop Iconicons-cropCrop icon component.
Cross Iconicons-crossCross icon component.
Disc 3 Iconicons-disc-3Disc 3 icon component.
Download Iconicons-downloadDownload icon component.
Ellipsis Iconicons-ellipsisEllipsis icon component.
Ellipsis Vertical Iconicons-ellipsis-verticalEllipsis vertical icon component.
Equal Not Iconicons-equal-notEqual not icon component.
EV Charger Iconicons-ev-chargerEV Charger icon component.
Expand Iconicons-expandExpand icon component.
External Link Iconicons-external-linkExternal link icon component.
Fan Iconicons-fanFan icon component.
Fingerprint Iconicons-fingerprintFingerprint icon component.
Forklift Iconicons-forkliftForklift icon component.
Frame Iconicons-frameFrame icon component.
Gallery Horizontal Iconicons-gallery-horizontalGallery horizontal icon component.
Gallery Horizontal End Iconicons-gallery-horizontal-endGallery horizontal end icon component.
Gallery Vertical Iconicons-gallery-verticalGallery vertical icon component.
Gallery Vertical End Iconicons-gallery-vertical-endGallery vertical end icon component.
Gauge Iconicons-gaugeGauge icon component.
Gavel Iconicons-gavelGavel icon component.
Hammer Iconicons-hammerHammer icon component.
Heart Iconicons-heartHeart icon component.
House Wifi Iconicons-house-wifiHouse wifi icon component.
Iconicons-iconBase component to use animated icons.
Kanban Iconicons-kanbanKanban icon component.
Key Iconicons-keyKey icon component.
Layers Iconicons-layersLayers icon component.
Layers 2 Iconicons-layers-2Layers 2 icon component.
Layout Dashboard Iconicons-layout-dashboardLayout dashboard icon component.
Lightbulb Iconicons-lightbulbLightbulb icon component.
Lightbulb Off Iconicons-lightbulb-offLightbulb off icon component.
Link Iconicons-linkLink icon component.
Link 2 Iconicons-link-2Link 2 icon with connect/unlink animations.
List Iconicons-listList icon component.
Loader Iconicons-loaderLoader icon component.
Loader Circle Iconicons-loader-circleLoader circle icon component.
Loader Pinwheel Iconicons-loader-pinwheelLoader pinwheel icon component.
Lock Iconicons-lockLock icon component.
Lock Keyhole Iconicons-lock-keyholeLock keyhole icon component.
Lock Keyhole Open Iconicons-lock-keyhole-openLock keyhole open icon component.
Lock Open Iconicons-lock-openLock open icon component.
Log In Iconicons-log-inLog in icon component.
Log Out Iconicons-log-outLog out icon component.
Map Pin Iconicons-map-pinMap pin icon component.
Map Pin Off Iconicons-map-pin-offMap pin off icon component.
Maximize Iconicons-maximizeMaximize icon component.
Menu Iconicons-menuMenu icon component.
Message Circle Iconicons-message-circleMessage circle icon component.
Message Circle Code Iconicons-message-circle-codeMessage circle code icon component.
Message Circle Dashed Iconicons-message-circle-dashedMessage circle dashed icon component.
Message Circle Heart Iconicons-message-circle-heartMessage circle heart icon component.
Message Circle More Iconicons-message-circle-moreMessage circle more icon component.
Message Circle Off Iconicons-message-circle-offMessage circle off icon component.
Message Circle Plus Iconicons-message-circle-plusMessage circle plus icon component.
Message Circle Question Iconicons-message-circle-questionMessage circle question icon component.
Message Circle Warning Iconicons-message-circle-warningMessage circle warning icon component.
Message Circle X Iconicons-message-circle-xMessage circle x icon component.
Message Square Iconicons-message-squareMessage square icon component.
Message Square Code Iconicons-message-square-codeMessage square code icon component.
Message Square Dashed Iconicons-message-square-dashedMessage square dashed icon component.
Message Square Diff Iconicons-message-square-diffMessage square diff icon component.
Message Square Dot Iconicons-message-square-dotMessage square dot icon component.
Message Square Heart Iconicons-message-square-heartMessage square heart icon component.
Message Square More Iconicons-message-square-moreMessage square more icon component.
Message Square Off Iconicons-message-square-offMessage square off icon component.
Message Square Plus Iconicons-message-square-plusMessage square plus icon component.
Message Square Quote Iconicons-message-square-quoteMessage square quote icon component.
Message Square Share Iconicons-message-square-shareMessage square share icon component.
Message Square Text Iconicons-message-square-textMessage square text icon component.
Message Square Warning Iconicons-message-square-warningMessage square warning icon component.
Message Square X Iconicons-message-square-xMessage square x icon component.
Minimize Iconicons-minimizeMinimize icon component.
Moon Iconicons-moonMoon icon component.
Moon Star Iconicons-moon-starMoon star icon component.
Move Down Iconicons-move-downMove down icon component.
Move Left Iconicons-move-leftMove left icon component.
Move Right Iconicons-move-rightMove right icon component.
Move Up Iconicons-move-upMove up icon component.
Nfc Iconicons-nfcNfc icon component.
Orbit Iconicons-orbitOrbit icon component.
Paintbrush Iconicons-paintbrushPaintbrush icon component.
Panel Bottom Iconicons-panel-bottomPanel bottom icon component.
Panel Bottom Close Iconicons-panel-bottom-closePanel bottom close icon component.
Panel Bottom Open Iconicons-panel-bottom-openPanel bottom open icon component.
Panel Left Iconicons-panel-leftPanel left icon component.
Panel Left Close Iconicons-panel-left-closePanel left close icon component.
Panel Left Open Iconicons-panel-left-openPanel left open icon component.
Panel Right Iconicons-panel-rightPanel right icon component.
Panel Right Close Iconicons-panel-right-closePanel right close icon component.
Panel Right Open Iconicons-panel-right-openPanel right open icon component.
Panel Top Iconicons-panel-topPanel top icon component.
Panel Top Close Iconicons-panel-top-closePanel top close icon component.
Panel Top Open Iconicons-panel-top-openPanel top open icon component.
Paperclip Iconicons-paperclipPaperclip icon component.
Party Popper Iconicons-party-popperParty popper icon component.
Pause Iconicons-pausePause icon component.
Phone Call Iconicons-phone-callPhone call icon with animated waves.
Pickaxe Iconicons-pickaxePickaxe icon component.
Pin Iconicons-pinPin icon component.
Pin Off Iconicons-pin-offPin off icon component.
Play Iconicons-playPlay icon component.
Plug Zap Iconicons-plug-zapPlug Zap icon component.
Plus Iconicons-plusPlus icon component.
Radio Iconicons-radioRadio icon component.
Radio Tower Iconicons-radio-towerRadio tower icon component.
Refresh Ccw Iconicons-refresh-ccwRefresh ccw icon component.
Refresh Ccw Dot Iconicons-refresh-ccw-dotRefresh ccw dot icon component.
Refresh Cw Iconicons-refresh-cwRefresh cw icon component.
Refresh Cw Off Iconicons-refresh-cw-offRefresh cw off icon component.
Rotate Ccw Iconicons-rotate-ccwRotate ccw icon component.
Rotate Ccw Key Iconicons-rotate-ccw-keyRotate Ccw Key icon component.
Rotate Cw Iconicons-rotate-cwRotate cw icon component.
Route Iconicons-routeRoute icon component.
Router Iconicons-routerRouter icon component.
Scissors Iconicons-scissorsScissors icon component.
Scissors Line Dashed Iconicons-scissors-line-dashedScissors line dashed icon component.
Search Iconicons-searchSearch icon component.
Send Iconicons-sendSend icon component.
Send Horizontal Iconicons-send-horizontalSend horizontal icon component.
Settings Iconicons-settingsSettings icon component.
Shrink Iconicons-shrinkShrink icon component.
Signal Iconicons-signalSignal icon component.
Signal High Iconicons-signal-highSignal high icon component.
Signal Low Iconicons-signal-lowSignal low icon component.
Signal Medium Iconicons-signal-mediumSignal medium icon component.
Signal Zero Iconicons-signal-zeroSignal zero icon component.
Sliders Horizontal Iconicons-sliders-horizontalSliders horizontal icon component.
Sliders Vertical Iconicons-sliders-verticalSliders vertical icon component.
Sparkle Iconicons-sparkleSparkle icon component.
Sparkles Iconicons-sparklesSparkles icon component.
Square Arrow Out Down Left Iconicons-square-arrow-out-down-leftSquare arrow out down left icon component.
Square Arrow Out Down Right Iconicons-square-arrow-out-down-rightSquare arrow out down right icon component.
Square Arrow Out Up Left Iconicons-square-arrow-out-up-leftSquare arrow out up left icon component.
Square Arrow Out Up Right Iconicons-square-arrow-out-up-rightSquare arrow out up right icon component.
Square Dashed Kanban Iconicons-square-dashed-kanbanSquare Dashed Kanban icon component.
Square Kanban Iconicons-square-kanbanSquare Kanban icon component.
Square Plus Iconicons-square-plusSquare plus icon component.
Square X Iconicons-square-xSquare x icon component.
Star Iconicons-starStar icon component.
Sun Iconicons-sunSun icon component.
Sun Dim Iconicons-sun-dimSun dim icon component.
Sun Medium Iconicons-sun-mediumSun medium icon component.
Sun Moon Iconicons-sun-moonSun moon icon component.
Terminal Iconicons-terminalTerminal icon component.
Thumbs Down Iconicons-thumbs-downThumbs down icon component.
Thumbs Up Iconicons-thumbs-upThumbs up icon component.
Timer Iconicons-timerTimer icon component.
Timer Off Iconicons-timer-offTimer off icon component.
Toggle Left Iconicons-toggle-leftToggle left icon component.
Toggle Right Iconicons-toggle-rightToggle right icon component.
Trash Iconicons-trashTrash icon component.
Trash 2 Iconicons-trash-2Trash 2 icon component.
Unplug Iconicons-unplugUnplug icon component.
Upload Iconicons-uploadUpload icon component.
User Iconicons-userUser icon component.
User Round Iconicons-user-roundUser round icon component.
Users Iconicons-usersUsers icon component.
Users Round Iconicons-users-roundUsers round icon component.
Volume 1 Iconicons-volume-1Volume 1 icon component.
Volume 2 Iconicons-volume-2Volume 2 icon component.
Volume Off Iconicons-volume-offVolume off icon component.
Wifi Iconicons-wifiWifi icon component.
Wifi High Iconicons-wifi-highWifi high icon component.
Wifi Low Iconicons-wifi-lowWifi low icon component.
Wifi Zero Iconicons-wifi-zeroWifi zero icon component.
X Iconicons-xX icon component.
Avatar Groupprimitives-animate-avatar-groupAn animated avatar group that displays overlapping user images and smoothly shifts each avatar forward on hover to highlight it.
Code Blockprimitives-animate-code-blockA code block component that animates the code as it is written.
Cursorprimitives-animate-cursorAn animated cursor component that allows you to customize both the cursor and cursor follow elements with smooth animations.
Github Starsprimitives-animate-github-starsA component that animates a number of stars, smoothly animating number transitions using the SlidingNumber component.
Motion Gridprimitives-animate-motion-gridA grid that displays animations in a grid.
Pin Listprimitives-animate-pinned-listA pin list component that allows you to pin items to the top of the list.
Scroll Progressprimitives-animate-scroll-progressA scroll progress component that allows you to track the progress of a scrollable element.
Animate Slotprimitives-animate-slotA slot component that allows you to use motion components with any element.
Springprimitives-animate-springA flexible, animated spring component that attaches a draggable element to its origin with a spring line.
Tabsprimitives-animate-tabsA set of layered sections of content—known as tab panels—that are displayed one at a time.
Tooltipprimitives-animate-tooltipAn animated tooltip that shows contextual info on hover or focus and smoothly glides to the next element without disappearing between transitions.
Base Accordionprimitives-base-accordionAn easily stylable accordion component.
Base Alert Dialogprimitives-base-alert-dialogA dialog that requires user response to proceed.
Base Checkboxprimitives-base-checkboxAn easily stylable checkbox component.
Base Collapsibleprimitives-base-collapsibleA collapsible panel controlled by a button.
Base Dialogprimitives-base-dialogA popup that opens on top of the entire page.
Filesprimitives-base-filesA component that allows you to display a list of files and folders.
Base Menuprimitives-base-menuA list of actions in a dropdown, enhanced with keyboard navigation.
Base Popoverprimitives-base-popoverAn accessible popup anchored to a button.
Base Preview Cardprimitives-base-preview-cardA popup that appears when a link is hovered, showing a preview for sighted users.
Base Preview Link Cardprimitives-base-preview-link-cardDisplays a preview image of a link when hovered.
Base Progressprimitives-base-progressDisplays the status of a task that takes a long time.
Base Radioprimitives-base-radioAn easily stylable radio button component.
Base Switchprimitives-base-switchA control that indicates whether a setting is on or off.
Base Tabsprimitives-base-tabsA component for toggling between related panels on the same page.
Base Toggleprimitives-base-toggleA two-state button that can be on or off.
Base Toggle Groupprimitives-base-toggle-groupProvides a shared state to a series of toggle buttons.
Base Tooltipprimitives-base-tooltipA popup that appears when an element is hovered or focused, showing a hint for sighted users.
Buttonprimitives-buttons-buttonA simple button that animates on hover and tap.
Flip Buttonprimitives-buttons-flipA button that flips between two states on hover.
Liquid Buttonprimitives-buttons-liquidA button that fills on hover.
Ripple Buttonprimitives-buttons-rippleA button that animates on tap with a ripple effect.
Auto Heightprimitives-effects-auto-heightAn effect that automatically adjusts the height of an element based on its content.
Blurprimitives-effects-blurAn effect that allows you to animate elements with a blur effect on first view or load.
Clickprimitives-effects-clickAn effect that creates animated effects at the click position, adding interactive feedback to user actions.
Effectprimitives-effects-effectAn effect that allows you to animate elements on first view or load.
Fadeprimitives-effects-fadeAn effect that allows you to animate elements with a fade effect on first view or load.
Highlightprimitives-effects-highlightA highlight effect that allows you to highlight elements on hover, click or with a controlled value.
Image Zoomprimitives-effects-image-zoomAn effect that allows you to zoom in on an image on hover.
Magneticprimitives-effects-magneticA magnetic effect that clings to the cursor, creating a magnetic attraction effect.
Particlesprimitives-effects-particlesA particles effect that creates a particle system.
Shineprimitives-effects-shineAn animated light sweep effect with configurable timing, colors, and triggers (hover, tap, or continuous).
Slideprimitives-effects-slideAn effect that allows you to animate elements with a slide effect on first view or load.
Theme Togglerprimitives-effects-theme-togglerAn effect that allows you to toggle the theme gradually.
Tiltprimitives-effects-tiltAn effect that allows you to animate elements with a tilt effect on mouse hover.
Zoomprimitives-effects-zoomAn effect that allows you to animate elements with a zoom effect on first view or load.
Headless Checkboxprimitives-headless-checkboxCheckboxes provide the same functionality as native HTML checkboxes, without any of the styling, giving you a clean slate to design them however you'd like.
Headless Dialogprimitives-headless-dialogA fully-managed, renderless dialog component jam-packed with accessibility and keyboard features, perfect for building completely custom dialogs and alerts.
Headless Disclosureprimitives-headless-disclosureA simple, accessible foundation for building custom UIs that show and hide content, like togglable accordion panels.
Headless Popoverprimitives-headless-popoverPopovers are perfect for floating panels with arbitrary content like navigation menus, mobile menus and flyout menus.
Headless Switchprimitives-headless-switchSwitches are a pleasant interface for toggling a value between two states, and offer the same semantics and keyboard navigation as native checkbox elements.
Headless Tabsprimitives-headless-tabsEasily create accessible, fully customizable tab interfaces, with robust focus management and keyboard navigation support.
Radix Accordionprimitives-radix-accordionA vertically stacked set of interactive headings that each reveal an associated section of content.
Radix Alert Dialogprimitives-radix-alert-dialogA modal dialog that interrupts the user with important content and expects a response.
Radix Checkboxprimitives-radix-checkboxA control that allows the user to toggle between checked and not checked.
Radix Collapsibleprimitives-radix-collapsibleAn interactive component which expands/collapses a panel.
Radix Dialogprimitives-radix-dialogA window overlaid on either the primary window or another dialog window, rendering the content underneath inert.
Radix Dropdown Menuprimitives-radix-dropdown-menuDisplays a menu to the user — such as a set of actions or functions — triggered by a button.
Filesprimitives-radix-filesA component that allows you to display a list of files and folders.
Radix Hover Cardprimitives-radix-hover-cardFor sighted users to preview content available behind a link.
Radix Popoverprimitives-radix-popoverDisplays rich content in a portal, triggered by a button.
Radix Preview Link Cardprimitives-radix-preview-link-cardDisplays a preview image of a link when hovered.
Radix Progressprimitives-radix-progressDisplays an indicator showing the completion progress of a task, typically displayed as a progress bar.
Radix Radio Groupprimitives-radix-radio-groupA set of checkable buttons—known as radio buttons—where no more than one of the buttons can be checked at a time.
Radix Sheetprimitives-radix-sheetExtends the Dialog component to display content that complements the main content of the screen.
Radix Switchprimitives-radix-switchA control that allows the user to toggle between checked and not checked.
Radix Tabsprimitives-radix-tabsA set of layered sections of content—known as tab panels—that are displayed one at a time.
Radix Toggleprimitives-radix-toggleA two-state button that can be either on or off.
Radix Toggle Groupprimitives-radix-toggle-groupA set of two-state buttons that can be toggled on or off.
Radix Tooltipprimitives-radix-tooltipA popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.
Counting Numberprimitives-texts-counting-numberA counting number animation.
Gradient Textprimitives-texts-gradientA gradient text animation.
Highlight Textprimitives-texts-highlightA highlight text animation.
Morphing Textprimitives-texts-morphingA text component that smoothly morphs characters to transition between strings.
Rolling Textprimitives-texts-rollingA rolling text animation.
Rotating Textprimitives-texts-rotatingA rotating text animation.
Scrolling Numberprimitives-texts-scrolling-numberA scrolling number animation.
Shimmering Textprimitives-texts-shimmeringA shimmering text animation.
Sliding Numberprimitives-texts-sliding-numberA sliding number animation.
Splitting Textprimitives-texts-splittingA splitting text animation.
Typing Textprimitives-texts-typingA typing text animation.