morphicons
SVG icon morphing library for React, Vue & Svelte
Recommended for
- Solo / Indie
- Idea-Stage
SSIE
Stage Fit Recommendations
Following data shows why morphicons is recommended for listed teams. The Fit Score represents the percentage fit of morphicons to each company stages, as calculated by the SSIE.
Stage
Fit Score
Fit Reasons
Solo / Indie
$0–$2,000 MRR
70- Zero runtime dependencies
- Morphs any SVG icon into any other via closed-form optimal rotation
- Supports cross-library icon morphing (Lucide, Heroicons, Tabler)
Idea-Stage
$0
72- Framework-agnostic: React, Vue, Svelte, React Native, Astro
- Icons consumed as data, not components
- Grid-agnostic icon compatibility via fiticon
Morphicons is an SVG icon morphing library that allows developers to animate and transform icons using spring physics. It supports popular icon sets like Lucide, Tabler, and Heroicons. The library is framework-agnostic, working with React, Vue, Svelte, React Native, Astro, and vanilla JS. It has zero dependencies and a small footprint of ~6 KB gzip. The library solves optimal rotation in closed form, ensuring smooth and snappy transitions between icons. It is designed to be lightweight and easy to integrate, requiring minimal setup and configuration.
Explore similar products
Rare UI
Free, open-source animated React components built with Tailwind CSS and Motion.
Componentry
Animated React UI components with pre-built styling and motion, using Tailwind CSS, TypeScript, and Framer Motion.
Motion
JavaScript and React animation library for building smooth UI animations with a tiny footprint
Lucide animated
Free animated React icons library with 350+ Motion-powered icons for React projects
Toolcraft
Build custom design apps with AI using an open-source UI library and starter kit.
Skiper UI
Uncommon components for shadcn/ui to enhance your Next.js projects
Orca
Orca is an open-source agent development environment for running coding agents like Claude Code, Codex, and Gemini in
ponytail
A ruleset that makes your AI coding agent write the least code that works.
Explore similar products
Rare UI
Free, open-source animated React components built with Tailwind CSS and Motion.
Componentry
Animated React UI components with pre-built styling and motion, using Tailwind CSS, TypeScript, and Framer Motion.
Motion
JavaScript and React animation library for building smooth UI animations with a tiny footprint
Lucide animated
Free animated React icons library with 350+ Motion-powered icons for React projects
Toolcraft
Build custom design apps with AI using an open-source UI library and starter kit.
Skiper UI
Uncommon components for shadcn/ui to enhance your Next.js projects
Orca
Orca is an open-source agent development environment for running coding agents like Claude Code, Codex, and Gemini in