Skip to content

Card illustration scroll animations

Choose a tag to compare

View all tags
@tomasmrazek92 tomasmrazek92 released this 07 Aug 16:46
· 10 commits to master since this release
0.39
cdd8b5a

Six animated SVG illustrations on the card grid, replacing the static JPGs.

Webflow side: each SVG is pasted as a custom element inside a div with data-hi-illustration="<name>" — integrations, lineage, metric-form, refusal, policies, audit-log. Plus one global style block.

Weight: 7.59 MB of Figma exports → 542 KB of markup, with the five avatars served from Webflow Assets as AVIF (13 KB total).

All timing lives in the CONFIG block at the top of src/cardIllustrations.js. Ambient loops pause off-screen and are disabled under reduced-motion.

Assets 2
Loading