---
name: "@amicro"
slug: "amicro"
description: "Open-source React micro-interactions and UI component registry powered by Motion."
category: "Animated components"
tags: ["animation", "audio", "backgrounds", "buttons", "cards", "glassmorphism", "hooks", "icons", "loaders", "mobile", "pro-available", "retro"]
framework: "react"
license: null
author: null
website: "https://amicro.vercel.app"
github: null
registry: "https://amicro.vercel.app/r/registry.json"
pro: true
pro_url: "https://amicro.vercel.app/pricing"
github_stars: null
component_count: 169
generated_at: "2026-09-21T01:50:16.753Z"
---

# @amicro

Open-source React micro-interactions and UI component registry powered by Motion.

## Links

- Website: https://amicro.vercel.app
- Registry JSON: https://amicro.vercel.app/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/amicro
- This file: https://sh4dcn.vercel.app/md/amicro.md
- Pro / pricing: https://amicro.vercel.app/pricing

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://amicro.vercel.app/r/registry.json
pnpm dlx shadcn@latest add https://amicro.vercel.app/r/registry.json
bunx shadcn@latest add https://amicro.vercel.app/r/registry.json
# fetch the raw registry index
curl -s https://amicro.vercel.app/r/registry.json
```

## Components (169)

| name | type | description | install |
| --- | --- | --- | --- |
| fade-in | registry:ui | Basic fade entrance animation. | `npx shadcn@latest add https://amicro.vercel.app/r/fade-in.json` |
| fade-up | registry:ui | Fade with upward translation. | `npx shadcn@latest add https://amicro.vercel.app/r/fade-up.json` |
| fade-down | registry:ui | Fade with downward translation. | `npx shadcn@latest add https://amicro.vercel.app/r/fade-down.json` |
| slide-left | registry:ui | Slide in from right to left. | `npx shadcn@latest add https://amicro.vercel.app/r/slide-left.json` |
| slide-right | registry:ui | Slide in from left to right. | `npx shadcn@latest add https://amicro.vercel.app/r/slide-right.json` |
| scale-in | registry:ui | Scale transition from small to actual size. | `npx shadcn@latest add https://amicro.vercel.app/r/scale-in.json` |
| zoom-in | registry:ui | Scale transition combined with deep blur/depth effect. | `npx shadcn@latest add https://amicro.vercel.app/r/zoom-in.json` |
| text-reveal | registry:ui | Line-by-line slide/reveal text effect. | `npx shadcn@latest add https://amicro.vercel.app/r/text-reveal.json` |
| word-reveal | registry:ui | Word-by-word fade and scale stagger reveal effect. | `npx shadcn@latest add https://amicro.vercel.app/r/word-reveal.json` |
| blur-text | registry:ui | Blur transition for text container/headings. | `npx shadcn@latest add https://amicro.vercel.app/r/blur-text.json` |
| character-stagger | registry:ui | Character-by-character radial or linear stagger animation. | `npx shadcn@latest add https://amicro.vercel.app/r/character-stagger.json` |
| card-hover | registry:ui | Dynamic floating card effect on hover. | `npx shadcn@latest add https://amicro.vercel.app/r/card-hover.json` |
| tilt-card | registry:ui | 3D parallax tilt effect following mouse cursor. | `npx shadcn@latest add https://amicro.vercel.app/r/tilt-card.json` |
| magnetic-button | registry:ui | A button that pulls slightly towards the user's cursor. | `npx shadcn@latest add https://amicro.vercel.app/r/magnetic-button.json` |
| glow-button | registry:ui | Glow/border animation following the cursor. | `npx shadcn@latest add https://amicro.vercel.app/r/glow-button.json` |
| cursor-trail | registry:ui | Custom cursor with particle/dots trail. | `npx shadcn@latest add https://amicro.vercel.app/r/cursor-trail.json` |
| spotlight | registry:ui | Masked spotlight highlighting container content on hover. | `npx shadcn@latest add https://amicro.vercel.app/r/spotlight.json` |
| mouse-follow | registry:ui | Smooth spring physics element trailing mouse cursor. | `npx shadcn@latest add https://amicro.vercel.app/r/mouse-follow.json` |
| scroll-reveal | registry:ui | Reveal content block as it scrolls into viewport. | `npx shadcn@latest add https://amicro.vercel.app/r/scroll-reveal.json` |
| progress-indicator | registry:ui | Horizontal page scroll progress indicator bar. | `npx shadcn@latest add https://amicro.vercel.app/r/progress-indicator.json` |
| sticky-reveal | registry:ui | Apple-style scroll-linked side sticky content reveal. | `npx shadcn@latest add https://amicro.vercel.app/r/sticky-reveal.json` |
| skeleton | registry:ui | Loading skeleton with smooth shimmer sweep. | `npx shadcn@latest add https://amicro.vercel.app/r/skeleton.json` |
| pulse | registry:ui | Pulsing scaling animation for loading elements. | `npx shadcn@latest add https://amicro.vercel.app/r/pulse.json` |
| morph-loader | registry:ui | Gooey/morphing shape loader. | `npx shadcn@latest add https://amicro.vercel.app/r/morph-loader.json` |
| use-scroll-progress | registry:hook | Calculates current page/container scroll progress percentage. | `npx shadcn@latest add https://amicro.vercel.app/r/use-scroll-progress.json` |
| use-mouse-position | registry:hook | Tracks target element mouse coordinate offsets. | `npx shadcn@latest add https://amicro.vercel.app/r/use-mouse-position.json` |
| use-stagger | registry:hook | Calculates custom delays for child stagger layouts. | `npx shadcn@latest add https://amicro.vercel.app/r/use-stagger.json` |
| use-reduced-motion | registry:hook | Detects client system reduced motion media query standard. | `npx shadcn@latest add https://amicro.vercel.app/r/use-reduced-motion.json` |
| use-web-haptics | registry:hook | Provides responsive device haptic feedback and vibrations for web interfaces. | `npx shadcn@latest add https://amicro.vercel.app/r/use-web-haptics.json` |
| presets | registry:lib | A set of spring configuration presets for Motion. | `npx shadcn@latest add https://amicro.vercel.app/r/presets.json` |
| utils | registry:lib | Motion utility functions (cn helper, mapRange). | `npx shadcn@latest add https://amicro.vercel.app/r/utils.json` |
| accordion-loader | registry:ui | Accordion Loader loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/accordion-loader.json` |
| app-icon-load | registry:ui | App Icon Load loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/app-icon-load.json` |
| apple-breathe | registry:ui | Apple Breathe loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/apple-breathe.json` |
| apple-equalizer | registry:ui | Apple Equalizer loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/apple-equalizer.json` |
| apple-icon-morph | registry:ui | Apple Icon Morph loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/apple-icon-morph.json` |
| apple-pulse-dots | registry:ui | Apple Pulse Dots loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/apple-pulse-dots.json` |
| apple-scale-pulse | registry:ui | Apple Scale Pulse loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/apple-scale-pulse.json` |
| apple-sound-wave | registry:ui | Apple Sound Wave loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/apple-sound-wave.json` |
| apple-text-reveal | registry:ui | Apple Text Reveal loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/apple-text-reveal.json` |
| apple-unlock | registry:ui | Apple Unlock loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/apple-unlock.json` |
| arc-tracer | registry:ui | Arc Tracer loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/arc-tracer.json` |
| bar-cascade | registry:ui | Bar Cascade loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/bar-cascade.json` |
| bar-sweep | registry:ui | Bar Sweep loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/bar-sweep.json` |
| bobbing-dots | registry:ui | Bobbing Dots loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/bobbing-dots.json` |
| bounce-dots | registry:ui | Bounce Dots loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/bounce-dots.json` |
| bouncing-bars | registry:ui | Bouncing Bars loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/bouncing-bars.json` |
| bouncing-dots | registry:ui | Bouncing Dots loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/bouncing-dots.json` |
| bouncing-lines | registry:ui | Bouncing Lines loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/bouncing-lines.json` |
| bouncing-square | registry:ui | Bouncing Square loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/bouncing-square.json` |
| breathe-ring | registry:ui | Breathe Ring loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/breathe-ring.json` |
| breathing-glow | registry:ui | Breathing Glow loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/breathing-glow.json` |
| breathing-square | registry:ui | Breathing Square loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/breathing-square.json` |
| circular-bars | registry:ui | Circular Bars loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/circular-bars.json` |
| classic-spinner | registry:ui | Classic Spinner loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/classic-spinner.json` |
| clock-spinner | registry:ui | Clock Spinner loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/clock-spinner.json` |
| comet-spinner | registry:ui | Comet Spinner loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/comet-spinner.json` |
| concentric-pulse | registry:ui | Concentric Pulse loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/concentric-pulse.json` |
| concentric-ring | registry:ui | Concentric Ring loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/concentric-ring.json` |
| concentric-squares | registry:ui | Concentric Squares loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/concentric-squares.json` |
| conveyor-loop | registry:ui | Conveyor Loop loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/conveyor-loop.json` |
| cross-spinner | registry:ui | Cross Spinner loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/cross-spinner.json` |
| cube-flip-spring | registry:ui | Cube Flip Spring loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/cube-flip-spring.json` |
| dash-ring | registry:ui | Dash Ring loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/dash-ring.json` |
| dashed-spiral | registry:ui | Dashed Spiral loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/dashed-spiral.json` |
| diamond-grid | registry:ui | Diamond Grid loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/diamond-grid.json` |
| diamond-rotate-spring | registry:ui | Diamond Rotate Spring loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/diamond-rotate-spring.json` |
| dot-spinner | registry:ui | Dot Spinner loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/dot-spinner.json` |
| dots-ring | registry:ui | Dots Ring loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/dots-ring.json` |
| double-ring | registry:ui | Double Ring loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/double-ring.json` |
| drop-dot | registry:ui | Drop Dot loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/drop-dot.json` |
| dual-arc | registry:ui | Dual Arc loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/dual-arc.json` |
| dynamic-island | registry:ui | Dynamic Island loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/dynamic-island.json` |
| elastic-bars | registry:ui | Elastic Bars loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/elastic-bars.json` |
| elastic-square | registry:ui | Elastic Square loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/elastic-square.json` |
| expanding-cross | registry:ui | Expanding Cross loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/expanding-cross.json` |
| face-id-scan | registry:ui | Face Id Scan loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/face-id-scan.json` |
| fade-arc | registry:ui | Fade Arc loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/fade-arc.json` |
| fade-dots | registry:ui | Fade Dots loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/fade-dots.json` |
| flip-square | registry:ui | Flip Square loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/flip-square.json` |
| floating-diamonds | registry:ui | Floating Diamonds loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/floating-diamonds.json` |
| fluid-bars | registry:ui | Fluid Bars loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/fluid-bars.json` |
| fluid-diamond | registry:ui | Fluid Diamond loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/fluid-diamond.json` |
| fluid-dot-orbit | registry:ui | Fluid Dot Orbit loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/fluid-dot-orbit.json` |
| fluid-skeleton | registry:ui | Fluid Skeleton loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/fluid-skeleton.json` |
| gears | registry:ui | Gears loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/gears.json` |
| glassmorphic-card | registry:ui | Glassmorphic Card loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/glassmorphic-card.json` |
| gradient-arc | registry:ui | Gradient Arc loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/gradient-arc.json` |
| grid-dots | registry:ui | Grid Dots loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/grid-dots.json` |
| haptic-ring | registry:ui | Haptic Ring loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/haptic-ring.json` |
| heartbeat | registry:ui | Heartbeat loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/heartbeat.json` |
| hexagon-spinner | registry:ui | Hexagon Spinner loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/hexagon-spinner.json` |
| hourglass | registry:ui | Hourglass loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/hourglass.json` |
| infinity-path | registry:ui | Infinity Path loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/infinity-path.json` |
| intersecting-rings | registry:ui | Intersecting Rings loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/intersecting-rings.json` |
| ios-spinner | registry:ui | Ios Spinner loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/ios-spinner.json` |
| line-spinner | registry:ui | Line Spinner loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/line-spinner.json` |
| liquid-dots | registry:ui | Liquid Dots loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/liquid-dots.json` |
| mac-terminal | registry:ui | Mac Terminal loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/mac-terminal.json` |
| magnetic-dots | registry:ui | Magnetic Dots loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/magnetic-dots.json` |
| minimal-triangle | registry:ui | Minimal Triangle loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/minimal-triangle.json` |
| morph-dot-ring | registry:ui | Morph Dot Ring loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/morph-dot-ring.json` |
| morphing-bars | registry:ui | Morphing Bars loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/morphing-bars.json` |
| morphing-infinity | registry:ui | Morphing Infinity loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/morphing-infinity.json` |
| morphing-ring | registry:ui | Morphing Ring loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/morphing-ring.json` |
| morphing-shape | registry:ui | Morphing Shape loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/morphing-shape.json` |
| newtons-cradle | registry:ui | Newtons Cradle loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/newtons-cradle.json` |
| offset-rings | registry:ui | Offset Rings loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/offset-rings.json` |
| orbiting-circles | registry:ui | Orbiting Circles loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/orbiting-circles.json` |
| orbiting-dot | registry:ui | Orbiting Dot loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/orbiting-dot.json` |
| origami-shape | registry:ui | Origami Shape loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/origami-shape.json` |
| pendulum | registry:ui | Pendulum loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/pendulum.json` |
| pulsating-dots | registry:ui | Pulsating Dots loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/pulsating-dots.json` |
| pulse-dot | registry:ui | Pulse Dot loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/pulse-dot.json` |
| pulse-dots | registry:ui | Pulse Dots loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/pulse-dots.json` |
| pulse-square | registry:ui | Pulse Square loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/pulse-square.json` |
| pumping-heart | registry:ui | Pumping Heart loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/pumping-heart.json` |
| radar-sweep | registry:ui | Radar Sweep loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/radar-sweep.json` |
| ring-sweep | registry:ui | Ring Sweep loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/ring-sweep.json` |
| ripple-effect | registry:ui | Ripple Effect loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/ripple-effect.json` |
| rotating-cross | registry:ui | Rotating Cross loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/rotating-cross.json` |
| rotating-triangle | registry:ui | Rotating Triangle loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/rotating-triangle.json` |
| shape-shift-grid | registry:ui | Shape Shift Grid loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/shape-shift-grid.json` |
| shimmer-line | registry:ui | Shimmer Line loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/shimmer-line.json` |
| siri-wave | registry:ui | Siri Wave loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/siri-wave.json` |
| skeleton-loader | registry:ui | Skeleton Loader loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/skeleton-loader.json` |
| sliding-bars | registry:ui | Sliding Bars loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/sliding-bars.json` |
| smooth-dot-shift | registry:ui | Smooth Dot Shift loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/smooth-dot-shift.json` |
| smooth-ring | registry:ui | Smooth Ring loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/smooth-ring.json` |
| smooth-rounded-square | registry:ui | Smooth Rounded Square loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/smooth-rounded-square.json` |
| spinning-squares | registry:ui | Spinning Squares loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/spinning-squares.json` |
| spiral-spinner | registry:ui | Spiral Spinner loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/spiral-spinner.json` |
| spring-bars | registry:ui | Spring Bars loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/spring-bars.json` |
| spring-dot-matrix | registry:ui | Spring Dot Matrix loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/spring-dot-matrix.json` |
| spring-hexagon | registry:ui | Spring Hexagon loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/spring-hexagon.json` |
| spring-ring-expand | registry:ui | Spring Ring Expand loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/spring-ring-expand.json` |
| spring-text-pop | registry:ui | Spring Text Pop loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/spring-text-pop.json` |
| square-accordion | registry:ui | Square Accordion loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/square-accordion.json` |
| square-grid | registry:ui | Square Grid loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/square-grid.json` |
| square-snake | registry:ui | Square Snake loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/square-snake.json` |
| square-spinner | registry:ui | Square Spinner loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/square-spinner.json` |
| stacked-bar-pulse | registry:ui | Stacked Bar Pulse loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/stacked-bar-pulse.json` |
| swapping-dots | registry:ui | Swapping Dots loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/swapping-dots.json` |
| swirling-spinner | registry:ui | Swirling Spinner loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/swirling-spinner.json` |
| symmetric-wave | registry:ui | Symmetric Wave loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/symmetric-wave.json` |
| terminal-loader | registry:ui | Terminal Loader loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/terminal-loader.json` |
| text-blink | registry:ui | Text Blink loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/text-blink.json` |
| text-dots | registry:ui | Text Dots loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/text-dots.json` |
| text-morph | registry:ui | Text Morph loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/text-morph.json` |
| text-shimmer-wave | registry:ui | Text Shimmer Wave loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/text-shimmer-wave.json` |
| text-shimmer | registry:ui | Text Shimmer loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/text-shimmer.json` |
| trailing-dots | registry:ui | Trailing Dots loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/trailing-dots.json` |
| triple-dot-spinner | registry:ui | Triple Dot Spinner loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/triple-dot-spinner.json` |
| twin-orbit | registry:ui | Twin Orbit loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/twin-orbit.json` |
| typing-indicator | registry:ui | Typing Indicator loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/typing-indicator.json` |
| typing | registry:ui | Typing loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/typing.json` |
| wandering-cube | registry:ui | Wandering Cube loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/wandering-cube.json` |
| watch-spinner | registry:ui | Watch Spinner loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/watch-spinner.json` |
| wave-dots | registry:ui | Wave Dots loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/wave-dots.json` |
| wave-physics-loader | registry:ui | Wave Physics Loader loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/wave-physics-loader.json` |
| waveform-loader | registry:ui | Waveform Loader loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/waveform-loader.json` |
| zig-zag-pulse | registry:ui | Zig Zag Pulse loading animation. | `npx shadcn@latest add https://amicro.vercel.app/r/zig-zag-pulse.json` |
| page-transition | registry:ui | Dynamic fullscreen page transition animation. | `npx shadcn@latest add https://amicro.vercel.app/r/page-transition.json` |
| card-carousel | registry:block | An interactive arc-based 3D motion carousel featuring smooth dot indicators and dynamic prev/next controls. | `npx shadcn@latest add https://amicro.vercel.app/r/card-carousel.json` |
| card-cover-flow | registry:block | A premium 3D CoverFlow carousel displaying cards along a perspective path. | `npx shadcn@latest add https://amicro.vercel.app/r/card-cover-flow.json` |
| dither-donut-chart | registry:block | Interactive pixelated dither donut chart with real-time spring physics. | `npx shadcn@latest add https://amicro.vercel.app/r/dither-donut-chart.json` |
| dither-growth-chart | registry:block | 60fps canvas growth line chart with pixel dither fill matrix. | `npx shadcn@latest add https://amicro.vercel.app/r/dither-growth-chart.json` |
| uptime-chart | registry:block | Continuous uptime bar chart with dithered matrix animation. | `npx shadcn@latest add https://amicro.vercel.app/r/uptime-chart.json` |
| activity-heatmap | registry:block | GitHub-style activity heatmap with interactive dither dots. | `npx shadcn@latest add https://amicro.vercel.app/r/activity-heatmap.json` |

## For AI agents

```text
You are adding components from @amicro to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/amicro.md) for the component list.
2. Fetch the machine-readable index: https://amicro.vercel.app/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: amicro).
```