Moving Icons is a modern animated icon library built specifically for the Svelte ecosystem. It provides a collection of 500+ hand-crafted, interaction-ready icons derived from the Lucide icon set, redesigned as fully animated Svelte components. The library is built natively for Svelte 5 and focuses on performance, simplicity, and deep customization.

Each icon is available as a tree-shakeable component with configurable props such as size, stroke width, color, and animation state. Developers can easily control animations programmatically (e.g., hover-triggered or state-driven motion), making the icons suitable for modern interactive UI design.

The library supports multiple installation methods, including npm installation (@jis3r/icons), integration via shadcn-svelte registry commands, or direct copy-paste of components from the website. This flexibility allows it to fit into different Svelte workflows, from simple projects to larger design systems.

Moving Icons is positioned as a developer-friendly animation-first icon system, emphasizing lightweight architecture, zero dependencies, and smooth interaction design for web applications and UI components.

Key features include:

• 500+ animated Lucide-based Svelte icons
• Native Svelte 5 components with zero dependencies
• Fully customizable props (size, color, stroke width, animation state)
• Programmatic animation control (hover, state, events)
• Tree-shakeable and MIT licensed
• Multiple install options (npm, registry, copy-paste)

Common use cases include:

• Building interactive Svelte interfaces
• Adding micro-interactions to dashboards
• Enhancing navigation and buttons with animated icons
• Creating modern UI systems with motion-first design