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
Description
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.
Paste your product url
Live within 24 hours.
Free. No credit card.
Reviewed by a human. SSIE Fit Scoring.
Explore similar products
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
dithercn
An open-source dither engine for shadcn/ui projects with an agent skill for coding agents.
UI Skills
UI Skills is a collection of design-engineering skills for accessibility, motion, frontend craft, and interface quality.
Genmo
Open-source text-to-video model for creating customizable visual stories from written concepts.
Libraries.dev
Seven open-source React effects for AI interfaces, ready for modern apps.
Toolcraft
Build custom design apps with AI using an open-source UI library and starter kit.
Orca
Orca is an open-source agent development environment for running coding agents like Claude Code, Codex, and Gemini in
Explore similar products
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
dithercn
An open-source dither engine for shadcn/ui projects with an agent skill for coding agents.
UI Skills
UI Skills is a collection of design-engineering skills for accessibility, motion, frontend craft, and interface quality.
Genmo
Open-source text-to-video model for creating customizable visual stories from written concepts.
Libraries.dev
Seven open-source React effects for AI interfaces, ready for modern apps.
Toolcraft
Build custom design apps with AI using an open-source UI library and starter kit.