amicro
uiapple-icon-morphsource: ok · hit
Apple Icon Morph
Apple Icon Morph loading animation.
npx shadcn add "https://amicro.vercel.app/r/apple-icon-morph.json"free
No selection tags yet — empty means no evidence, not lack of support.
Dependencies
Bundle weight · mediumanimationframer-motion
Files1 · source cached 10/8/2026, 11:21:27 PM
registry/ui/loading/apple-icon-morph.tsx
import React from 'react';
import { motion } from 'framer-motion';
export const AppleIconMorph = () => (
<motion.div
className="w-8 h-8 bg-zinc-800 dark:bg-white"
animate={{
borderRadius: ["20%", "50%", "50%", "20%"],
rotate: [0, 90, 180, 270]
}}
transition={{ duration: 2, repeat: Infinity, ease: "easeInOut" }}
/>
);