animated-svg-smil
CommunityAnimate SVG icons with pure SMIL.
Authorduckhoa-uit
Version1.0.0
Installs0
System Documentation
What problem does it solve?
SMIL-based animations allow adding hover- and state-driven animations directly inside SVG markup, eliminating the need for JavaScript animation libraries and reducing runtime dependencies.
Core Features & Use Cases
- Hover-triggered icon animations without external frameworks
- Supports translate, rotate, and path morphing inside standalone SVGs
- Suitable for React/TSX wrappers and standalone outputs
Quick Start
Embed SMIL animation elements inside your standalone SVG and assign an id to the trigger for hover-based transitions.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: animated-svg-smil Download link: https://github.com/duckhoa-uit/skills/archive/main.zip#animated-svg-smil Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.