amicro
uiaccordion-loadersource: stale · stale
Accordion Loader
Accordion Loader loading animation.
npx shadcn add "https://amicro.vercel.app/r/accordion-loader.json"free
This source snapshot is older than our freshness window and couldn't be re-verified just now — it may be outdated.
Interaction
accordion
Tags auto-generated by rules on 9/24/2026 — empty means no evidence, not lack of support.
Dependencies
Bundle weight · mediumanimationframer-motion
Files1 · source cached 10/8/2026, 10:11:29 AM
registry/ui/loading/accordion-loader.tsx
import React from 'react';
import { motion } from 'framer-motion';
export const AccordionLoader = () => {
return (
<div className="flex flex-col space-y-1.5 w-10 h-10 justify-center">
{[0, 1, 2, 3].map((i) => (
<motion.div
key={i}
className="w-full h-1 bg-zinc-800 dark:bg-white rounded-full origin-left"
animate={{ scaleX: [1, 0.2, 1] }}
transition={{ duration: 1.5, repeat: Infinity, ease: "easeInOut", delay: i * 0.15 }}
/>
))}
</div>
);
};