Video & Motion
MP4 Video
Server-rendered video files for certificates, social sharing, and marketing.After Effects (Data-Driven Rendering)
Push data into After Effects templates for automated video production:Interactive UI
Lottie / LottieFiles
JSON parameters to drive Lottie animations client-side:Rive
State-machine-driven animations with real-time data:3D / Spatial
Three.js
Parameters for Three.js scene configuration:Spline
Spline scene parameters for 3D product configurators:No-Code Tools
Webflow
Embeddable components for Webflow sites. See Webflow Integration.Framer
React-based components for Framer projects. See Framer Integration.Unicorn Studio
WebGL-based visual effects driven by sustainability data:Template library
| Template | Formats | Description |
|---|---|---|
SCORE_GAUGE | Lottie, Rive | Animated circular score indicator |
IMPACT_BREAKDOWN | Lottie, MP4 | Animated breakdown by lifecycle phase |
IMPACT_CERTIFICATE | MP4, PDF | Shareable impact certificate |
SUPPLY_CHAIN_GLOBE | Three.js | Interactive 3D globe with supply chain nodes |
PRODUCT_CONFIGURATOR | Spline, Three.js | 3D product with material visualization |
COMPARISON_CHART | Lottie, Rive | Animated side-by-side comparison |
SOCIAL_SHARE_VIDEO | MP4, After Effects | Social media-ready impact video |
PARTICLE_IMPACT | Unicorn Studio | Particle-based impact visualization |
CARBON_BADGE | Lottie, SVG | Embeddable sustainability badge |