Also in the Sora UI registry

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

• arrow-roll-button

  utils
  PromptCopy

• base-accordion

  utils4 examples
  PromptCopy

• Base Button

  base-button

  An interactive button component built on Base UI with Motion hover/tap scaling and shadcn/ui variants.

  @base-ui/react, motion, class-variance-authority1 file6 examples
  PromptCopy

• Base Checkbox

  base-checkbox

  An accessible, stylable checkbox built on Base UI with a Motion-friendly animated indicator.

  @base-ui/react, motion1 file4 examples
  PromptCopy

• base-context-menu

  utils3 examples
  PromptCopy

• Base Dialog

  base-dialog

  An accessible modal dialog built on Base UI with smooth Motion spring entrance and exit animations.

  @base-ui/react, motion, lucide-react1 file3 examples
  PromptCopy

• base-input

  utils
  PromptCopy

• base-switch

  utils3 examples
  PromptCopy

• base-tooltip

  utils1 example
  PromptCopy

• Cursor Trail Reveal

  cursor-trail-reveal

  Desktop cursor trail that reveals staggered image strips with clip-path wipes as the pointer moves.

  class-variance-authority1 file1 example
  PromptCopyDocs ↗

• Draw Underline Link

  draw-underline-link

  A link with a hand-drawn SVG underline that animates on hover, powered by Motion.

  motion, class-variance-authority1 file
  PromptCopyDocs ↗

• Expandable Tabs

  expandable-tabs

  A pill-shaped tab bar that expands into a floating panel, with Motion driving the shell, label, and content transitions.

  motion, lucide-react, react-use-measure1 file1 example
  PromptCopy

• Fog Text Reveal

  fog-text-reveal

  Inline text that materializes through a soft, turbulent WebGL fog mask, inherits font and color from CSS, and cycles through an array of messages.

  motion1 file1 example
  PromptCopy

• Hero Carousel

  hero-carousel

  Crossfading hero image slideshow with a progress pill, play/pause, and prev/next controls.

  utils1 file1 example
  PromptCopy

• Highlight

  A Motion-powered highlight effect that allows you to highlight elements on hover, click or with a controlled value.

  motion1 file2 examples
  PromptCopy

• hover-link

  utils
  PromptCopy

• Arrow Right

  icons-arrow-right

  Animated right arrow that nudges forward and redraws its stroke on hover using a pure CSS stroke-dash animation.

  utils1 file
  PromptCopy

• Bell

  icons-bell

  Notification bell that rattles from its hanger on trigger — a decaying rotation pivot, powered by the AnimateIcon engine.

  motion1 file
  PromptCopy

• Chevrons

  icons-chevrons

  Animated double up-chevron that cross-fades between the two carets on hover, powered by the AnimateIcon engine.

  motion1 file
  PromptCopy

• icons-copy
  PromptCopy

• icons-menu
  PromptCopy

• icons-volume
  PromptCopy

• Infinite Scrolling Images

  infinite-scrolling-images

  An infinite card stack that advances with wheel, touch, or keyboard input using spring-based Motion transitions.

  motion1 file1 example
  PromptCopy

• Inline Testimonials

  inline-testimonials

  A flowing quote stream where each avatar reveals its author on hover, with Motion fading and blurring the rest.

  motion1 file1 example
  PromptCopy

• Logo Carousel Swapper

  logo-carousel-swapper

  Staggered logo column swapper with fade, vertical shift, and motion blur powered by Motion.

  motion, class-variance-authority1 file1 example
  PromptCopy

• Magnetic Cards

  magnetic-cards

  A fanned stack of cards that fling away from the cursor on release, with GSAP InertiaPlugin easing each one back to rest.

  gsap, @gsap/react1 file1 example
  PromptCopy

• Particle Hover Button

  particle-hover-button

  A wrapper that emits glowing, pooled particles from the cursor while hovering any button or link.

  motion1 file1 example
  PromptCopy

• Pixel Image Loader

  pixel-image-loader

  A canvas-based image that resolves from a blocky, pixelated placeholder up to full sharpness as it loads.

  1 file
  PromptCopy

• Progressive Blur

  progressive-blur

  A stacked-layer blur that ramps smoothly from sharp to fully blurred toward an edge, for fading content under a fixed header or above a scroll boundary.

  utils1 file1 example
  PromptCopy

• radix-accordion

  utils
  PromptCopy

• radix-alert-dialog

  utils
  PromptCopy

• Radix Button

  radix-button

  An interactive button component built on Radix UI Slot with Motion hover/tap scaling and shadcn/ui variants.

  radix-ui, motion, class-variance-authority1 file6 examples
  PromptCopy

• Radix Checkbox

  radix-checkbox

  An accessible, stylable checkbox built on Radix UI with a Motion-friendly animated indicator.

  radix-ui, motion1 file4 examples
  PromptCopy

• radix-context-menu

  utils
  PromptCopy

• Radix Dialog

  radix-dialog

  An accessible modal dialog built on Radix UI with smooth Motion spring entrance and exit animations.

  radix-ui, motion, lucide-react1 file3 examples
  PromptCopy

• radix-dropdown-menu

  utils
  PromptCopy

• radix-input

  utils
  PromptCopy

• radix-switch

  utils
  PromptCopy

• radix-tooltip

  utils
  PromptCopy

• Rolling Text

  rolling-text

  Per-character slot-machine reveal that rolls each letter into place once it scrolls into view, powered by Motion.

  motion1 file
  PromptCopy

• Scroll Chapters

  scroll-chapters

  A draggable, chaptered progress-bar nav — two-way cursor/scroll sync, ghost-cursor hover preview, snap-to-step seeking, and a per-chapter panel that can opt in or out of showing.

  gsap, @gsap/react1 file1 example
  PromptCopy

• Skeleton Shimmer

  skeleton-shimmer

  Skeleton loading placeholders with a shimmer effect that transitions to revealed content via a CSS view-transition wipe animation. Skeletons are sized using placeholder data to reduce layout shifts.

  motion1 file2 examples
  PromptCopy

• Sliding Chip Button

  sliding-chip-button

  A chip-style call-to-action link with a Motion-powered sliding label and rotating icon chips on hover.

  motion, class-variance-authority1 file
  PromptCopy

• Stagger Button

  stagger-button

  A button that staggers per character or slides the whole label on hover, with a scaling background layer.

  class-variance-authority1 file
  PromptCopy

• Sticky Scroll Cards

  sticky-scroll-cards

  Scroll-pinned hero where a front card flips to reveal a stack of back cards, dismissed one at a time as you keep scrolling.

  gsap, @gsap/react1 file1 example
  PromptCopy

• Text Cursor Loop

  text-cursor-loop

  Cycles through a list of words with a per-character collapse/reveal transition and a trailing cursor glyph that wipes across the text between words.

  motion1 file1 example
  PromptCopy

• Text Effect

  text-effect

  Preset-driven staggered text reveals with blur, fade, slide, and scale animations, powered by Motion.

  motion1 file1 example
  PromptCopy

• Text Loop

  text-loop

  Cycles through a list of items with an enter/exit animation, powered by Motion.

  motion1 file1 example
  PromptCopy

• Text Morph

  text-morph

  Per-character layout morphing for labels, counters, and live text swaps, powered by Motion.

  motion1 file2 examples
  PromptCopy

• Text Reveal Box

  text-reveal-box

  Scroll-pinned word-by-word text reveal with a highlight flash, powered by GSAP ScrollTrigger.

  gsap, @gsap/react1 file1 example
  PromptCopy

• Tilt Card

  tilt-card

  3D tilt card that rotates toward the cursor on spring physics, with an optional glare reflection.

  motion1 file2 examples
  PromptCopy

• tilt-slide-transition

  1 example
  PromptCopy

• Video Player

  video-player

  Dependency-free custom video player: modal overlay, chaptered timeline, hover-scrub preview, speed menu, picture-in-picture, fullscreen, keyboard shortcuts, and focus trapping.

  motion1 file1 example
  PromptCopy