Also in the iconiq registry

Copy a prompt for your agent, copy the install command, or open the docs that ship it.

• AI Input

  ai-input

  Chat-style AI composer with agent and model chips, sent-message bubbles, and an Apple Intelligence-style gradient wave on send.

  @base-ui/react, motion, lucide-react1 file
  PromptCopy

• Accordion (Base UI)

  b-accordion

  Compound Accordion, AccordionItem, AccordionTrigger, and AccordionContent parts layered over Base UI primitives with default and quiet variants.

  @base-ui/react, motion1 file
  PromptCopy

• Banner

  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 fluid spring morph that melts the bar into a confirmation pill when its action is clicked.

  motion, lucide-react1 file
  PromptCopy

• Autocomplete (Base UI)

  b-autocomplete

  Base UI autocomplete with list filtering, suggestion highlight motion, and the same Iconiq input shell as the combobox install.

  @base-ui/react, motion, lucide-react1 file
  PromptCopy

• Avatar (Base UI)

  b-avatar

  Avatar with the same single Iconiq API layered over Base UI primitives, keeping immediate fallback initials and a quiet image crossfade.

  @base-ui/react, motion1 file
  PromptCopy

• Button (Base UI)

  b-button

  Button with embedded Iconiq theme tokens, optional loading, href link rendering, ripple, press spring, hover lift, and intrinsic-width animation over the Base UI button primitive.

  @base-ui/react, class-variance-authority, lucide-react, motion1 file
  PromptCopy

• Checkbox (Base UI)

  b-checkbox

  Checkbox with the same Iconiq API layered over Base UI primitives, preserving the original fill spring, press scale, checkmark draw, and label fade.

  @base-ui/react, motion1 file
  PromptCopy

• Context Menu (Base UI)

  b-context-menu

  Composable context menu layered over Base UI primitives, preserving the original panel spring, row entrance, active highlight, and shortcut layout.

  @base-ui/react, motion, lucide-react1 file
  PromptCopy

• Bento Builder

  bento-builder

  Interactive bento-grid layout tool — drag tiles to reposition, tap to rename, drag a corner to resize, add tiles, then export the generated grid layout code to drop straight into your own project.

  motion, lucide-react1 file
  PromptCopy

• Hover Card (Base UI)

  b-hover-card

  Hover card with the same Iconiq API layered over Base UI popover primitives, preserving delayed hover reveal, instant focus open, collision-aware placement, and spring-driven content motion.

  @base-ui/react, motion1 file
  PromptCopy

• Select (Base UI)

  b-select

  Compound Select parts layered over Base UI primitives, preserving the original trigger press, chevron rotation, grouped rows, and panel motion.

  @base-ui/react, motion, lucide-react1 file
  PromptCopy

• Selection Toolbar (Base UI)

  b-selection-toolbar

  Floating selection toolbar with the same Iconiq API layered over Base UI toolbar primitives, including viewport-aware positioning, keyboard shortcuts, and fluid button motion.

  @base-ui/react, lucide-react1 file
  PromptCopy

• Separator (Base UI)

  b-separator

  Separator with line, dashed, and dotted variants layered over the Base UI primitive, supporting horizontal and vertical orientation with a decorative default.

  @base-ui/react1 file
  PromptCopy

• Slider (Base UI)

  b-slider

  Slider with the same Iconiq API layered over Base UI primitives, preserving the original spring-settled fill, active track height, and thumb scale motion.

  @base-ui/react, motion1 file
  PromptCopy

• Switch (Base UI)

  b-switch

  Switch with the same Iconiq API layered over Base UI primitives, preserving the original spring thumb travel, pressure-like squash, and foreground fill sweep.

  @base-ui/react, motion1 file
  PromptCopy

• Tabs (Base UI)

  b-tabs

  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 tabs component.

  @base-ui/react, motion1 file
  PromptCopy

• Toggle (Base UI)

  b-toggle

  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.

  @base-ui/react, class-variance-authority, motion1 file
  PromptCopy

• Toggle Group (Base UI)

  b-togglegroup

  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.

  @base-ui/react, class-variance-authority, motion1 file
  PromptCopy

• Code Block

  code-block

  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 theme-aware syntax highlighting, and line emphasis.

  motion, lucide-react1 file
  PromptCopy

• Color Picker

  color-picker

  HSV panel with saturation field, hue/alpha sliders, multi-format readouts, hex input, and EyeDropper.

  @base-ui/react, lucide-react, motion1 file
  PromptCopyDocs ↗

• Command Palette

  command-palette

  Radix dialog command menu with grouped search, keyboard shortcuts, navigation items, custom triggers, and optional theme switching.

  @radix-ui/react-dialog, lucide-react, motion, next-themes1 file
  PromptCopyDocs ↗

• Contribution Graph

  contribution-graph

  GitHub-style contribution calendar with compound calendar, block, total-count, and legend parts — pass raw Activity data or just a GitHub username and it fetches and caches the last year of contributions itself, shimmers a skeleton grid while loading, then fades the muted grid in and lights the greens up level by level — lightest to darkest — with springy pops, plus custom per-day tooltips and reduced-motion aware behavior.

  date-fns1 file
  PromptCopy

• Feedback Form

  feedback

  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 open/close easing.

  lucide-react, motion1 file
  PromptCopy

• File Upload

  file-upload

  Drag-and-drop file uploader with click-to-browse fallback, queued file rows, image previews, built-in progress states, and optional change callbacks.

  motion, lucide-react1 file
  PromptCopyDocs ↗

• Flux Button

  flux-button

  Async button with idle, loading, and success states.

  @base-ui/react/button, class-variance-authority, lucide-react, motion1 file
  PromptCopyDocs ↗

• Infinite Ribbon

  infiniteribbon

  Full-width looping announcement ribbon with repeated content, optional reverse direction, and diagonal rotation controls.

  1 file
  PromptCopyDocs ↗

• Logo Carousel

  logo-carousal

  Multi-column logo grid that cycles through sponsor logos with a staggered wave animation.

  motion1 file
  PromptCopy

• Marker

  Hand-drawn text annotations — wavy, circle, highlight, underline, and more — that draw themselves in like ink as they scroll into view, with an optional animate prop for a fully static render.

  motion1 file
  PromptCopy

• Message

  Composable chat message primitives — group, row, avatar, bubble, header, and footer — where each message slides in beside its composer with a bouncy spring: sent messages arrive from the right, received from the left, morphing up from the bubble's tail corner and bouncing back once as they land, plus reduced-motion aware behavior.

  motion1 file
  PromptCopy

• Accordion (Radix UI)

  r-accordion

  Compound Accordion, AccordionItem, AccordionTrigger, and AccordionContent parts layered over Radix UI primitives with Motion-heavy panel choreography.

  @radix-ui/react-accordion, motion1 file
  PromptCopy

• Radial Button

  radial-button

  Rounded action button with a radial foreground fill that spreads on hover or focus-visible. Built with Motion.

  motion1 file
  PromptCopyDocs ↗

• Rating

  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 springy scale pop, and color fade that ripples across the stars.

  @radix-ui/react-use-controllable-state, motion1 file
  PromptCopy

• Avatar (Radix UI)

  r-avatar

  Avatar with the same single Iconiq API layered over Radix UI primitives, preserving immediate fallback initials and the quiet image reveal.

  @radix-ui/react-avatar, motion1 file
  PromptCopy

• Checkbox (Radix UI)

  r-checkbox

  Checkbox with the same Iconiq API layered over Radix UI primitives, preserving the original fill spring, press scale, checkmark draw, and label fade.

  @radix-ui/react-checkbox, motion1 file
  PromptCopy

• Reasoning Steps

  reasoning-steps

  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-timing elapsed-seconds readout, a crossfading collapsed preview of the current step, and a staggered vertical timeline once expanded.

  @base-ui/react, motion, lucide-react1 file
  PromptCopy

• Reveal Text

  reveal-text

  Staggered word or character reveal with spring lift, blur fade, and optional scroll-triggered playback.

  motion1 file
  PromptCopyDocs ↗

• Hover Card (Radix UI)

  r-hover-card

  Hover card with the same Iconiq API layered over the dedicated Radix Hover Card primitive, preserving delayed hover reveal, instant focus open, collision-aware placement, and spring-driven content motion.

  @radix-ui/react-hover-card, @radix-ui/react-slot, motion1 file
  PromptCopy

• Radio Group (Radix UI)

  r-radio-group

  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 entrance.

  @radix-ui/react-radio-group, motion1 file
  PromptCopy

• Selection Toolbar (Radix UI)

  r-selection-toolbar

  Floating selection toolbar with the same Iconiq API layered over Radix UI toolbar primitives, including viewport-aware positioning, keyboard shortcuts, and fluid button motion.

  @radix-ui/react-toolbar, lucide-react1 file
  PromptCopy

• Separator (Radix UI)

  r-separator

  Separator with line, dashed, and dotted variants layered over the Radix UI primitive, supporting horizontal and vertical orientation with a decorative default.

  @radix-ui/react-separator1 file
  PromptCopy

• Slider (Radix UI)

  r-slider

  Slider with the same Iconiq API layered over Radix UI primitives, preserving the original spring-settled fill, active track height, and thumb scale motion.

  @radix-ui/react-slider, motion1 file
  PromptCopy

• Switch (Radix UI)

  r-switch

  Switch with the same Iconiq API layered over Radix UI primitives, preserving the original spring thumb travel, pressure-like squash, and foreground fill sweep.

  @radix-ui/react-switch, motion1 file
  PromptCopy

• Toggle (Radix UI)

  r-toggle

  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.

  radix-ui, class-variance-authority, motion1 file
  PromptCopy

• Toggle Group (Radix UI)

  r-togglegroup

  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.

  radix-ui, class-variance-authority, motion1 file
  PromptCopy

• Selection Toolbar

  selectiontoolbar

  Floating inline formatting toolbar for editable text selections with viewport-aware positioning, keyboard shortcuts, theme tokens, and bold, italic, underline, link, copy, and strikethrough actions.

  lucide-react1 file
  PromptCopy

• Setup Checklist

  setup-checklist

  Animated onboarding checklist card with staggered task rows, a drawn checkmark badge, and a floating progress pill with a spring-smoothed pie.

  motion, lucide-react1 file
  PromptCopy

• Spinner

  Loading indicator with ring, bouncing dots, or dot-matrix sweep variants. Motion; uses primary and muted theme tokens.

  motion1 file
  PromptCopyDocs ↗

• Streaming Text

  streaming-text

  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 light mode, white in dark — with a pulsing gradient dot at the stream head, natural prose wrapping, sr-only full-text announcement, and reduced-motion aware behavior.

  motion1 file
  PromptCopy

• Team Invitation

  team-invitation

  Team invitation block with fluid morphing variants for inviting members, managing the team, assigning roles, and tracking pending invites.

  motion, lucide-react1 file
  PromptCopy

• Testimonials

  Inline testimonial wall where hovering one quote blurs and dims the rest while the author attribution reveals beside the highlighted quote. Pure CSS :has()-driven hover state — no per-frame JS animation.

  1 file
  PromptCopy

• Text Loop

  text-loop

  Cycling text with vertical slide transitions—pass your own items and interval for rotating headlines or status copy.

  motion1 file
  PromptCopyDocs ↗

• Thinking Indicator

  thinking-indicator

  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 status words that slide through a soft blur, a per-word shimmer sweep, layout-stable width, and reduced-motion aware behavior.

  motion1 file
  PromptCopy

• Timezone

  Inline live clock for city aliases or IANA timezones with fluid digit rolls, pulsing separators, and spring transitions.

  motion1 file
  PromptCopyDocs ↗

• Typography

  Single typography primitive that maps the full heading, label, paragraph, subheading, and documentation scale through one variant prop.

  class-variance-authority1 file
  PromptCopy

• Week Calendar

  week-calendar

  Week strip that morphs into a full month grid, with a shared-layout spring pill and a draggable grabber handle.

  motion, lucide-react, date-fns1 file
  PromptCopy

• Wheel Picker

  wheel-picker

  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, optional looping columns, and reduced-motion aware springs.

  motion1 file
  PromptCopy