Grepedia
AN

AnimateIcons

Open-source library of animated SVG icons for React with built-in motion and interactivity.

Score0
Comments0
About

Motion-first icon library designed to provide animated SVG icons as reusable React components. Built for developers and designers who want to enhance user interfaces with smooth, interactive icons instead of static visuals.

Solves the problem of lifeless UI elements by making animation a core part of icon design, with built-in triggers and performance optimizations.

Key features include:

  • Animated SVG icons built as React components
  • Interaction-based animations (hover, click, scroll, programmatic triggers)
  • Path-level animations for precise motion (not just transforms)
  • Lightweight and performance-focused with reduced motion support
  • Easy installation via CLI and integration with modern stacks like Next.js and shadcn/ui
  • Multiple icon sets (e.g., Lucide-based icons) with continuous updates

Common use cases include enhancing UI micro-interactions, building modern design systems, improving user feedback in interfaces, and adding motion to dashboards or web apps.

Built as an open-source project (MIT licensed) focused on motion-driven UI design.

Comments

0
0/5000

Markdown is supported.