Animated icons 002

Collection of animated icons with smooth transitions and interactive states

Dependencies

Interaction Type

npx shadcn add @skiper-ui/skiper99

import {
  Skiper99,
  ArrowIcon,
  MenuIcon,
  VolumeIcon,
} from "@/components/v1/skiper99";

const DemoSkiper99 = () => {
  return (
    <div className="flex gap-2">
      <div className="size-22 bg-background rounded-3xl">
        <ArrowIcon />
      </div>
      <div className="size-22 bg-background rounded-3xl">
        <MenuIcon />
      </div>
      <div className="size-22 bg-background rounded-3xl">
        <VolumeIcon />
      </div>
    </div>
  );
};

Source code

Keep in mind

Most components here are recreations of the best out there. I don't claim to be the original creator. This is my attempt to reverse-engineer, replicate, and often add a few extra features. I've tried to credit everyone, but if I missed something, let me know.

Contact

License & Usage:

• Free to use and modify in both personal and commercial projects.
• Attribution to Skiper UI is required when using the free version.
• No attribution required with Skiper UI Pro.