Project Title

Collection of customizable, motion-based icons that are editable and Works seamlessly with modern design systems.

Features

• Editable icons - You can edit the icons size, stroke, animation in the website.
• Support - We supports React forwardRef, allowing you to access animation using parent.
• Examples - Drop some examples to see exactly how these icons look and feel inside real-world interfaces.

Quick Start

• Manual Installation

1. Install dependencies:

npm install motion

2. Copy any icon component from the icons/ directory into your project or you can just copy the icons form the icon card in the website

3. Import and use:

import { Home } from "@/icons/Copy";

export default function Component() {
  return <Home size={20} />;
}

Tech Stack

• React Version 18+
• motion/react for animations
• Tailwind CSS 4

Links

• Website: wiggleicon.in

Creator

• Built by Reeshav