---
name: "@iconiq"
slug: "iconiq"
description: "A shadcn-compatible registry of 87 motion-powered React components offering three paradigms per primitive: Base UI (b-), Radix UI (r-), and default shadcn variants — covering Accordion, Alert Dialog, Autocomplete, Button, Checkbox, Combobox, Context Menu, Dialog, Hover Card, Popover, Progress, Radio Group, Select, Selection Toolbar, Separator, Slider, Switch, Tabs, Toggle, Tooltip, and more. Also includes specialty items: Color Picker, Charts, File Upload, Infinite Ribbon, Shimmer Text, Typewriter, Text Inertia, and a theme preset. MIT-licensed, free. Use for: picking interchangeable Radix- or Base UI-backed animated primitives with consistent styling and subtle motion built in."
category: "Component library (general)"
tags: ["accessibility", "aesthetic", "ai", "animation", "auth", "blocks", "buttons", "cards", "charts", "components", "dashboard", "design-system", "forms", "hooks", "icons", "loaders", "marketing", "media", "navigation", "overlays", "tables", "text-effects", "theming"]
framework: "react"
license: "MIT"
author: "edwinvakayil"
website: "https://iconiqui.com"
github: "https://github.com/edwinvakayil/iconiq"
registry: "https://iconiqui.com/r/registry.json"
pro: false
pro_url: null
github_stars: 52
component_count: 119
generated_at: "2026-07-28T08:59:05.895Z"
---

# @iconiq

A shadcn-compatible registry of 87 motion-powered React components offering three paradigms per primitive: Base UI (b-), Radix UI (r-), and default shadcn variants — covering Accordion, Alert Dialog, Autocomplete, Button, Checkbox, Combobox, Context Menu, Dialog, Hover Card, Popover, Progress, Radio Group, Select, Selection Toolbar, Separator, Slider, Switch, Tabs, Toggle, Tooltip, and more. Also includes specialty items: Color Picker, Charts, File Upload, Infinite Ribbon, Shimmer Text, Typewriter, Text Inertia, and a theme preset. MIT-licensed, free. Use for: picking interchangeable Radix- or Base UI-backed animated primitives with consistent styling and subtle motion built in.

## Links

- Website: https://iconiqui.com
- GitHub: https://github.com/edwinvakayil/iconiq
- Registry JSON: https://iconiqui.com/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/iconiq
- This file: https://sh4dcn.vercel.app/md/iconiq.md

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://iconiqui.com/r/registry.json
pnpm dlx shadcn@latest add https://iconiqui.com/r/registry.json
bunx shadcn@latest add https://iconiqui.com/r/registry.json
# clone the source repo
git clone https://github.com/edwinvakayil/iconiq.git
# fetch the raw registry index
curl -s https://iconiqui.com/r/registry.json
```

## Components (119)

| name | type | description | install |
| --- | --- | --- | --- |
| accordion | registry:ui | Accordion with spring height, staggered text, default or quiet disclosure styles, and optional multi-open behavior. Built with Motion. | `npx shadcn@latest add https://iconiqui.com/r/accordion.json` |
| ai-input | registry:ui | Chat-style AI composer with agent and model chips, sent-message bubbles, and an Apple Intelligence-style gradient wave on send. | `npx shadcn@latest add https://iconiqui.com/r/ai-input.json` |
| alert | registry:ui | Compound Alert, AlertTitle, and AlertDescription parts with optional icons, legacy prop support, polite live announcements, and inline or toast behavior. | `npx shadcn@latest add https://iconiqui.com/r/alert.json` |
| avatar | registry:ui | Compound Base UI avatar with image, fallback, variant status badge, grouped stack, overflow count, auto initials, and tooltip-enabled status hints. | `npx shadcn@latest add https://iconiqui.com/r/avatar.json` |
| b-accordion | registry:ui | Compound Accordion, AccordionItem, AccordionTrigger, and AccordionContent parts layered over Base UI primitives with default and quiet variants. | `npx shadcn@latest add https://iconiqui.com/r/b-accordion.json` |
| b-alert-dialog | registry:ui | Alert dialog with asChild triggers, action variants, optional media, controlled async flows, and reduced-motion aware transitions layered over Base UI primitiv… | `npx shadcn@latest add https://iconiqui.com/r/b-alert-dialog.json` |
| b-autocomplete | registry:ui | Base UI autocomplete with list filtering, suggestion highlight motion, and the same Iconiq input shell as the combobox install. | `npx shadcn@latest add https://iconiqui.com/r/b-autocomplete.json` |
| b-avatar | registry:ui | Avatar with the same single Iconiq API layered over Base UI primitives, keeping immediate fallback initials and a quiet image crossfade. | `npx shadcn@latest add https://iconiqui.com/r/b-avatar.json` |
| b-button | registry:ui | Button with embedded Iconiq theme tokens, optional loading, href link rendering, ripple, press spring, hover lift, and intrinsic-width animation over the Base … | `npx shadcn@latest add https://iconiqui.com/r/b-button.json` |
| b-checkbox-group | registry:ui | Checkbox group with the same Iconiq API layered over Base UI primitives, preserving the original row hover, tap spring, checkmark draw, and disclosure behavior. | `npx shadcn@latest add https://iconiqui.com/r/b-checkbox-group.json` |
| b-checkbox | registry:ui | Checkbox with the same Iconiq API layered over Base UI primitives, preserving the original fill spring, press scale, checkmark draw, and label fade. | `npx shadcn@latest add https://iconiqui.com/r/b-checkbox.json` |
| b-collapsible | registry:ui | Collapsible with the same Iconiq API layered over Base UI primitives, preserving the same height, icon, and content transitions as the Radix version. | `npx shadcn@latest add https://iconiqui.com/r/b-collapsible.json` |
| b-combobox | registry:ui | Compound Combobox parts layered over Base UI primitives, preserving the original input shell, clear action, item highlight, checkmark, and dropdown motion. | `npx shadcn@latest add https://iconiqui.com/r/b-combobox.json` |
| b-context-menu | registry:ui | Composable context menu layered over Base UI primitives, preserving the original panel spring, row entrance, active highlight, and shortcut layout. | `npx shadcn@latest add https://iconiqui.com/r/b-context-menu.json` |
| b-dialog | registry:ui | Dialog with the same exported Iconiq parts layered over Base UI primitives, preserving the original dialog springs while using the softer alert-dialog card sty… | `npx shadcn@latest add https://iconiqui.com/r/b-dialog.json` |
| b-hover-card | registry:ui | Hover card with the same Iconiq API layered over Base UI popover primitives, preserving delayed hover reveal, instant focus open, collision-aware placement, an… | `npx shadcn@latest add https://iconiqui.com/r/b-hover-card.json` |
| b-popover | registry:ui | Popover with the same Iconiq API layered over Base UI popover primitives, preserving side-aware panel motion, optional anchor support, and size-aware content t… | `npx shadcn@latest add https://iconiqui.com/r/b-popover.json` |
| b-progress | registry:ui | Progress bar with the same Iconiq API layered over Base UI primitives, preserving the spring-smoothed fill, restrained inline readout, and quiet indeterminate … | `npx shadcn@latest add https://iconiqui.com/r/b-progress.json` |
| b-radio-group | registry:ui | Radio group with the same Iconiq API layered over Base UI primitives, preserving the original shared highlight, spring-loaded ring and dot, and staggered row e… | `npx shadcn@latest add https://iconiqui.com/r/b-radio-group.json` |
| b-select | registry:ui | Compound Select parts layered over Base UI primitives, preserving the original trigger press, chevron rotation, grouped rows, and panel motion. | `npx shadcn@latest add https://iconiqui.com/r/b-select.json` |
| b-selection-toolbar | registry:ui | Floating selection toolbar with the same Iconiq API layered over Base UI toolbar primitives, including viewport-aware positioning, keyboard shortcuts, and flui… | `npx shadcn@latest add https://iconiqui.com/r/b-selection-toolbar.json` |
| b-separator | registry:ui | Separator with line, dashed, and dotted variants layered over the Base UI primitive, supporting horizontal and vertical orientation with a decorative default. | `npx shadcn@latest add https://iconiqui.com/r/b-separator.json` |
| b-slider | registry:ui | Slider with the same Iconiq API layered over Base UI primitives, preserving the original spring-settled fill, active track height, and thumb scale motion. | `npx shadcn@latest add https://iconiqui.com/r/b-slider.json` |
| b-switch | registry:ui | Switch with the same Iconiq API layered over Base UI primitives, preserving the original spring thumb travel, pressure-like squash, and foreground fill sweep. | `npx shadcn@latest add https://iconiqui.com/r/b-switch.json` |
| b-tabs | registry:ui | Tabs with the same Iconiq API layered over Base UI primitives, preserving the measured underline, keyboard flow, and motion-smoothed panel shell from the core … | `npx shadcn@latest add https://iconiqui.com/r/b-tabs.json` |
| b-toggle | registry:ui | Two-state button with spring press feedback, a muted fill that bounces in when pressed, and a subtle content lift layered over Base UI toggle primitives. | `npx shadcn@latest add https://iconiqui.com/r/b-toggle.json` |
| b-togglegroup | registry:ui | Segmented toggle group with the same fluid wipe fill, sheen sweep, and icon press feedback as the standalone toggle, over Base UI toggle-group primitives. | `npx shadcn@latest add https://iconiqui.com/r/b-togglegroup.json` |
| b-tooltip | registry:ui | Tooltip with the same Iconiq API layered over Base UI primitives, preserving the original controlled delay timing, bubble shell, rotated-square arrow, and spri… | `npx shadcn@latest add https://iconiqui.com/r/b-tooltip.json` |
| badge | registry:ui | Preset-color badge with tinted fills, semantic aliases, animated default shimmer, dot variant, dismiss controls, and reduced-motion aware motion. Motion + CVA … | `npx shadcn@latest add https://iconiqui.com/r/badge.json` |
| banner | registry:ui | Top-of-screen announcement banner with four gradient tones, a left-aligned ringed icon and message, a right-aligned outlined action, a dismiss collapse, and a … | `npx shadcn@latest add https://iconiqui.com/r/banner.json` |
| breadcrumbs | registry:ui | Compound breadcrumb trail with Base UI render composition, subtle Motion transitions, and dedicated current-page and separator parts. | `npx shadcn@latest add https://iconiqui.com/r/breadcrumbs.json` |
| button-group | registry:ui | Grouped action buttons, text segments, separators, segmented button rows, and a selectable segmented control with spring-driven hover and active motion. | `npx shadcn@latest add https://iconiqui.com/r/button-group.json` |
| button | registry:ui | Primary action control with larger default hit targets, spring press feedback, optional intrinsic width animation, and Motion ripples. Forwards ref and native … | `npx shadcn@latest add https://iconiqui.com/r/button.json` |
| calendar | registry:ui | shadcn-style monthly calendar with animated month/year transitions, selectable days, and date-fns-powered grid generation. | `npx shadcn@latest add https://iconiqui.com/r/calendar.json` |
| card | registry:ui | Compound card surface with optional interactive lift, Motion-smoothed layout transitions, asChild link support, semantic title slots, and shared header, action… | `npx shadcn@latest add https://iconiqui.com/r/card.json` |
| carousel | registry:ui | Embla-powered carousel with aspect-ratio presets, responsive navigation placement, and horizontal or vertical slides. Built with embla-carousel-react and Lucid… | `npx shadcn@latest add https://iconiqui.com/r/carousel.json` |
| charts | registry:ui | Recharts shell with registry chart tokens, ease-out series growth, and calm tooltip and legend transitions. | `npx shadcn@latest add https://iconiqui.com/r/charts.json` |
| checkbox-group | registry:ui | Multi-select option list with bordered empty state and a primary tick only when checked, plus hover/tap motion on each row. Motion + Lucide. | `npx shadcn@latest add https://iconiqui.com/r/checkbox-group.json` |
| checkbox | registry:ui | Single checkbox with spring-pressed feedback, a line-drawn checkmark, and an optional inline label. Motion only. | `npx shadcn@latest add https://iconiqui.com/r/checkbox.json` |
| code-block | registry:ui | Editor-style code block with a filename tab, a top-right spring-crossfade copy button, a bottom status bar with language and line count, line numbers, built-in… | `npx shadcn@latest add https://iconiqui.com/r/code-block.json` |
| color-picker | registry:ui | HSV panel with saturation field, hue/alpha sliders, multi-format readouts, hex input, and EyeDropper. | `npx shadcn@latest add https://iconiqui.com/r/color-picker.json` |
| combobox | registry:ui | Searchable single-select input with inline filtering, arrow-key navigation, animated dropdown motion, and an optional clear action. | `npx shadcn@latest add https://iconiqui.com/r/combobox.json` |
| command-palette | registry:ui | Radix dialog command menu with grouped search, keyboard shortcuts, navigation items, custom triggers, and optional theme switching. | `npx shadcn@latest add https://iconiqui.com/r/command-palette.json` |
| context-menu | registry:ui | Native-feeling context menu with fixed-position viewport-aware placement, per-item icons and shortcuts, and spring entrance motion. | `npx shadcn@latest add https://iconiqui.com/r/context-menu.json` |
| contribution-graph | registry:ui | GitHub-style contribution calendar with compound calendar, block, total-count, and legend parts — pass raw Activity data or just a GitHub username and it fetch… | `npx shadcn@latest add https://iconiqui.com/r/contribution-graph.json` |
| date-picker | registry:ui | Collapsible date picker trigger with the shared Iconiq Calendar panel, spring open motion, and month-aware selection. | `npx shadcn@latest add https://iconiqui.com/r/date-picker.json` |
| dia-text | registry:ui | Animated inline text reveal with a sweeping gradient band, repeat controls, and optional fixed-width rotation for motion-driven typography. | `npx shadcn@latest add https://iconiqui.com/r/dia-text.json` |
| dialog | registry:ui | Modal dialog on Radix Dialog with Motion overlay and content springs, staggered children, and an animated close control. Pass the same open boolean to DialogCo… | `npx shadcn@latest add https://iconiqui.com/r/dialog.json` |
| drawer | registry:ui | Compound Vaul drawer with direction-aware layout, drag gestures, snap points, size variants, styled footer actions, optional close button, and safe-area-aware … | `npx shadcn@latest add https://iconiqui.com/r/drawer.json` |
| dropdown | registry:ui | Animated dropdown with a selectable value mode and an action-menu mode, plus chevron rotation and spring-driven menu entry. | `npx shadcn@latest add https://iconiqui.com/r/dropdown.json` |
| faq-pro | registry:ui | Searchable FAQ accordion with rounded cards, animated panels, automatic match expansion, and inline query highlighting. Built with Base UI Accordion, Motion, a… | `npx shadcn@latest add https://iconiqui.com/r/faq-pro.json` |
| favicon-badge | registry:ui | Circular website favicon badge with optional label text, spring entrance animation, and Google favicon resolution. | `npx shadcn@latest add https://iconiqui.com/r/favicon-badge.json` |
| feedback | registry:ui | Collapsed pill that morphs into an expanded feedback panel with a send button, loading state, and a textarea, driven by pure CSS transitions with asymmetric op… | `npx shadcn@latest add https://iconiqui.com/r/feedback.json` |
| file-tree | registry:ui | Compound file tree with nested FileTreeItem rows, Base UI Button folder toggles, extension-aware icons, hover highlight tracking, and optional blue emphasis fo… | `npx shadcn@latest add https://iconiqui.com/r/file-tree.json` |
| file-upload | registry:ui | Drag-and-drop file uploader with click-to-browse fallback, queued file rows, image previews, built-in progress states, and optional change callbacks. | `npx shadcn@latest add https://iconiqui.com/r/file-upload.json` |
| flux-button | registry:ui | Async button with idle, loading, and success states. | `npx shadcn@latest add https://iconiqui.com/r/flux-button.json` |
| hover-card | registry:ui | Inline hover card with hover-only timing delays, instant focus reveal, collision-aware Popover positioning, Slot-based custom triggers, and a spring-driven con… | `npx shadcn@latest add https://iconiqui.com/r/hover-card.json` |
| icon-bar | registry:ui | Row of compact icon chips that expand on hover or focus and stay open when selected. Built with Base UI Toggle Group, Motion, and Lucide. | `npx shadcn@latest add https://iconiqui.com/r/icon-bar.json` |
| infiniteribbon | registry:ui | Full-width looping announcement ribbon with repeated content, optional reverse direction, and diagonal rotation controls. | `npx shadcn@latest add https://iconiqui.com/r/infiniteribbon.json` |
| input-otp | registry:ui | Animated one-time password field built on Base UI OTP Field with focus border motion, character entrance, caret pulse, and OTPSlots auto-layout. | `npx shadcn@latest add https://iconiqui.com/r/input-otp.json` |
| input | registry:ui | Input with a spring-animated caret. | `npx shadcn@latest add https://iconiqui.com/r/input.json` |
| logo-carousal | registry:ui | Multi-column logo grid that cycles through sponsor logos with a staggered wave animation. | `npx shadcn@latest add https://iconiqui.com/r/logo-carousal.json` |
| marker | registry:ui | Hand-drawn text annotations — wavy, circle, highlight, underline, and more — that draw themselves in like ink as they scroll into view, with an optional animat… | `npx shadcn@latest add https://iconiqui.com/r/marker.json` |
| message | registry:ui | Composable chat message primitives — group, row, avatar, bubble, header, and footer — where each message slides in beside its composer with a bouncy spring: se… | `npx shadcn@latest add https://iconiqui.com/r/message.json` |
| morph-texts | registry:ui | Cycling headline words with a goo-filter morph transition powered by Motion. | `npx shadcn@latest add https://iconiqui.com/r/morph-texts.json` |
| popover | registry:ui | Popover built on Radix with portal-based positioning, optional anchor support, side-aware motion, and smooth size changes while content updates. | `npx shadcn@latest add https://iconiqui.com/r/popover.json` |
| r-accordion | registry:ui | Compound Accordion, AccordionItem, AccordionTrigger, and AccordionContent parts layered over Radix UI primitives with Motion-heavy panel choreography. | `npx shadcn@latest add https://iconiqui.com/r/r-accordion.json` |
| r-alert-dialog | registry:ui | Alert dialog with asChild triggers, action variants, optional media, controlled async flows, and reduced-motion aware transitions layered over Radix UI primiti… | `npx shadcn@latest add https://iconiqui.com/r/r-alert-dialog.json` |
| r-avatar | registry:ui | Avatar with the same single Iconiq API layered over Radix UI primitives, preserving immediate fallback initials and the quiet image reveal. | `npx shadcn@latest add https://iconiqui.com/r/r-avatar.json` |
| r-checkbox | registry:ui | Checkbox with the same Iconiq API layered over Radix UI primitives, preserving the original fill spring, press scale, checkmark draw, and label fade. | `npx shadcn@latest add https://iconiqui.com/r/r-checkbox.json` |
| r-collapsible | registry:ui | Collapsible with the same Iconiq API layered over Radix UI primitives, preserving the same height, icon, and content transitions as the Base UI version. | `npx shadcn@latest add https://iconiqui.com/r/r-collapsible.json` |
| r-dialog | registry:ui | Dialog with the same exported Iconiq parts layered over Radix UI primitives, preserving the original dialog springs while using the softer alert-dialog card st… | `npx shadcn@latest add https://iconiqui.com/r/r-dialog.json` |
| r-dropdown | registry:ui | Dropdown with the same Iconiq trigger, grouped rows, action and select variants, and exact panel motion layered over Radix Dropdown Menu primitives. | `npx shadcn@latest add https://iconiqui.com/r/r-dropdown.json` |
| r-hover-card | registry:ui | Hover card with the same Iconiq API layered over the dedicated Radix Hover Card primitive, preserving delayed hover reveal, instant focus open, collision-aware… | `npx shadcn@latest add https://iconiqui.com/r/r-hover-card.json` |
| r-popover | registry:ui | Popover with the same Iconiq API layered over Radix UI popover primitives, preserving side-aware panel motion, optional anchor support, and size-aware content … | `npx shadcn@latest add https://iconiqui.com/r/r-popover.json` |
| r-progress | registry:ui | Progress bar with the same Iconiq API layered over Radix UI primitives, preserving the spring-smoothed fill, restrained inline readout, and quiet indeterminate… | `npx shadcn@latest add https://iconiqui.com/r/r-progress.json` |
| r-radio-group | registry:ui | Radio group with the same Iconiq API layered over Radix UI primitives, preserving the original shared highlight, spring-loaded ring and dot, and staggered row … | `npx shadcn@latest add https://iconiqui.com/r/r-radio-group.json` |
| r-select | registry:ui | Compound Select parts layered over Radix UI primitives, preserving the original trigger press, chevron rotation, grouped rows, and panel motion. | `npx shadcn@latest add https://iconiqui.com/r/r-select.json` |
| r-selection-toolbar | registry:ui | Floating selection toolbar with the same Iconiq API layered over Radix UI toolbar primitives, including viewport-aware positioning, keyboard shortcuts, and flu… | `npx shadcn@latest add https://iconiqui.com/r/r-selection-toolbar.json` |
| r-separator | registry:ui | Separator with line, dashed, and dotted variants layered over the Radix UI primitive, supporting horizontal and vertical orientation with a decorative default. | `npx shadcn@latest add https://iconiqui.com/r/r-separator.json` |
| r-slider | registry:ui | Slider with the same Iconiq API layered over Radix UI primitives, preserving the original spring-settled fill, active track height, and thumb scale motion. | `npx shadcn@latest add https://iconiqui.com/r/r-slider.json` |
| r-switch | registry:ui | Switch with the same Iconiq API layered over Radix UI primitives, preserving the original spring thumb travel, pressure-like squash, and foreground fill sweep. | `npx shadcn@latest add https://iconiqui.com/r/r-switch.json` |
| r-tabs | registry:ui | Tabs with the same Iconiq API layered over Radix UI primitives, preserving the measured underline, keyboard flow, and motion-smoothed panel shell from the core… | `npx shadcn@latest add https://iconiqui.com/r/r-tabs.json` |
| r-toggle | registry:ui | Two-state button with spring press feedback, a muted fill that bounces in when pressed, and a subtle content lift layered over Radix UI toggle primitives. | `npx shadcn@latest add https://iconiqui.com/r/r-toggle.json` |
| r-togglegroup | registry:ui | Segmented toggle group with the same fluid wipe fill, sheen sweep, and icon press feedback as the standalone toggle, over Radix UI toggle-group primitives. | `npx shadcn@latest add https://iconiqui.com/r/r-togglegroup.json` |
| r-tooltip | registry:ui | Tooltip with the same Iconiq API layered over Radix Tooltip primitives, preserving the original controlled delay timing, bubble shell, rotated-square arrow, an… | `npx shadcn@latest add https://iconiqui.com/r/r-tooltip.json` |
| radial-button | registry:ui | Rounded action button with a radial foreground fill that spreads on hover or focus-visible. Built with Motion. | `npx shadcn@latest add https://iconiqui.com/r/radial-button.json` |
| radiogroup | registry:ui | Single-select option list with shared layoutId highlight, spring ring/dot on the control, staggered row entrance, and optional descriptions. Motion only — nati… | `npx shadcn@latest add https://iconiqui.com/r/radiogroup.json` |
| rating | registry:ui | Compound star rating built from Rating and RatingButton — hover to preview, click or use arrow keys to set the value, with configurable size on the root, a spr… | `npx shadcn@latest add https://iconiqui.com/r/rating.json` |
| reasoning-steps | registry:ui | Base UI collapsible reasoning trace for AI replies with a shimmering trigger label and no status icon, per-step dots that pop into checkmarks once done, a self… | `npx shadcn@latest add https://iconiqui.com/r/reasoning-steps.json` |
| reveal-text | registry:ui | Staggered word or character reveal with spring lift, blur fade, and optional scroll-triggered playback. | `npx shadcn@latest add https://iconiqui.com/r/reveal-text.json` |
| rolling-digits | registry:ui | Spring-animated digit counter with transform, opacity, and vertical motion. | `npx shadcn@latest add https://iconiqui.com/r/rolling-digits.json` |
| scroll-progress | registry:ui | Ruler-style scroll indicator with tick marks that fill in as the page scrolls and a live percentage readout, dockable to either side or bottom corner of the vi… | `npx shadcn@latest add https://iconiqui.com/r/scroll-progress.json` |
| select | registry:ui | Animated single-select dropdown with staggered options, chevron rotation, scaleY panel, row hover slide, and check mark on the active item. Motion + Lucide. | `npx shadcn@latest add https://iconiqui.com/r/select.json` |
| selectiontoolbar | registry:ui | Floating inline formatting toolbar for editable text selections with viewport-aware positioning, keyboard shortcuts, theme tokens, and bold, italic, underline,… | `npx shadcn@latest add https://iconiqui.com/r/selectiontoolbar.json` |
| setup-checklist | registry:ui | Animated onboarding checklist card with staggered task rows, a drawn checkmark badge, and a floating progress pill with a spring-smoothed pie. | `npx shadcn@latest add https://iconiqui.com/r/setup-checklist.json` |
| shimmer-text | registry:ui | Animated shimmer text with a sweeping highlight band, adjustable spread, and configurable loop speed for emphasis-heavy copy. | `npx shadcn@latest add https://iconiqui.com/r/shimmer-text.json` |
| skeleton | registry:ui | Shimmer or fade loading placeholder with preset helpers, configurable radius, optional animation, and embedded theme tokens. | `npx shadcn@latest add https://iconiqui.com/r/skeleton.json` |
| slider | registry:ui | Range control with spring-animated track and thumb, full-width pointer drag, and optional label and live value. Motion. | `npx shadcn@latest add https://iconiqui.com/r/slider.json` |
| spinner | registry:ui | Loading indicator with ring, bouncing dots, or dot-matrix sweep variants. Motion; uses primary and muted theme tokens. | `npx shadcn@latest add https://iconiqui.com/r/spinner.json` |
| status-dot | registry:ui | Rippling inline status dot with deployment presets, generic tones, sizing, and dot-only accessibility defaults. | `npx shadcn@latest add https://iconiqui.com/r/status-dot.json` |
| streaming-text | registry:ui | Word-by-word AI text streaming where each word fades in crisply wearing a blue gradient, then crossfades into the theme foreground once settled — black in ligh… | `npx shadcn@latest add https://iconiqui.com/r/streaming-text.json` |
| switch | registry:ui | Animated Radix switch with spring thumb travel, pressure-like thumb squash, foreground track fill, and optional inline label. | `npx shadcn@latest add https://iconiqui.com/r/switch.json` |
| table | registry:ui | Composable table primitives with grid-aligned rows, optional animated sort buttons, and layout-preserving row transitions. | `npx shadcn@latest add https://iconiqui.com/r/table.json` |
| tabs | registry:ui | Segmented tabs with a sliding active pill, mix-blend label treatment, and Radix keyboard navigation. | `npx shadcn@latest add https://iconiqui.com/r/tabs.json` |
| team-invitation | registry:ui | Team invitation block with fluid morphing variants for inviting members, managing the team, assigning roles, and tracking pending invites. | `npx shadcn@latest add https://iconiqui.com/r/team-invitation.json` |
| testimonials | registry:ui | Inline testimonial wall where hovering one quote blurs and dims the rest while the author attribution reveals beside the highlighted quote. Pure CSS :has()-dri… | `npx shadcn@latest add https://iconiqui.com/r/testimonials.json` |
| text-inertia | registry:ui | Pointer-reactive word treatment that maps cursor velocity into Motion-powered spring movement. | `npx shadcn@latest add https://iconiqui.com/r/text-inertia.json` |
| text-loop | registry:ui | Cycling text with vertical slide transitions—pass your own items and interval for rotating headlines or status copy. | `npx shadcn@latest add https://iconiqui.com/r/text-loop.json` |
| theme-toggle | registry:ui | Animated light/dark switch with a sliding knob, sun and moon icons, and bouncy track transitions. Built with Base UI Toggle; toggles the document dark class. | `npx shadcn@latest add https://iconiqui.com/r/theme-toggle.json` |
| thinking-indicator | registry:ui | AI loading state with a sparkle glyph that wobbles through liquid blob keyframes into a circle while a companion twinkle blooms on the same timeline, cycling s… | `npx shadcn@latest add https://iconiqui.com/r/thinking-indicator.json` |
| timezone | registry:ui | Inline live clock for city aliases or IANA timezones with fluid digit rolls, pulsing separators, and spring transitions. | `npx shadcn@latest add https://iconiqui.com/r/timezone.json` |
| tooltip | registry:ui | Animated hover/focus tooltip with collision-aware portaled positioning, Slot-based triggers, short-string content, and optional delay and side placement. Built… | `npx shadcn@latest add https://iconiqui.com/r/tooltip.json` |
| typewriter | registry:ui | Looping typewriter text effect with brief glitch substitutions and a blinking cursor. | `npx shadcn@latest add https://iconiqui.com/r/typewriter.json` |
| typography | registry:ui | Single typography primitive that maps the full heading, label, paragraph, subheading, and documentation scale through one variant prop. | `npx shadcn@latest add https://iconiqui.com/r/typography.json` |
| verified-badge | registry:ui | X-style verified scallop with shimmer or static variants, size presets, brand/gold/neutral tones, and reduced-motion aware animation. | `npx shadcn@latest add https://iconiqui.com/r/verified-badge.json` |
| week-calendar | registry:ui | Week strip that morphs into a full month grid, with a shared-layout spring pill and a draggable grabber handle. | `npx shadcn@latest add https://iconiqui.com/r/week-calendar.json` |
| wheel-picker | registry:ui | iOS-style wheel picker with a 3D barrel, drag and flick inertia, detent snapping, velocity-driven motion blur, a per-row emphasis morph into the selection lens… | `npx shadcn@latest add https://iconiqui.com/r/wheel-picker.json` |
| iconiq-theme | registry:lib | Shared Tailwind arbitrary property tokens used by Iconiq registry components. | `npx shadcn@latest add https://iconiqui.com/r/iconiq-theme.json` |

## For AI agents

```text
You are adding components from @iconiq to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/iconiq.md) for the component list.
2. Fetch the machine-readable index: https://iconiqui.com/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: iconiq).
```
