Skip to content

Core

↕ ScrollTrigger ⇄ Flip Aa SplitText ▶ Timeline ∿ Easing

SVG

✎ DrawSVG ◎ MorphSVG ⤴ Motion Path

Scroll

↔ Horizontal ⫘ Parallax ≫ Marquee

Interaction

⊹ Cursor ⊛ Magnetic ◉ Hover

Effects

⊞ Stagger ◧ Reveals ⬡ 3D Transforms ◌ Loaders

Components

# Counters ▣ Cards

Platform

SVG Drawing & Morphing

Medium

DrawSVG stroke animations and MorphSVG shape transitions.

DrawSVG — Stroke Animation

MorphSVG — Shape Transitions

Pentagon → Circle → Rounded Square → repeat

What this enables

Hand-drawn brand moments that feel alive. Logo reveals, icon animations, and shape morphing that bring your visual identity to life.

Implementation

1–2 weeks

© 2026 Semantic Gate Ltd. Hong Kong.