Lottie Triggers example
Why Punky
Punky is an evolution of our previous framework, Membrillo — a full upgrade designed to provide a clear roadmap for every use case and support ongoing growth. It also brings significant improvements in page speed and overall performance.
If you believe there’s anything missing or unclear, please reach out to Eli, Nerea, or Mara, who are directly involved in shaping the roadmap for this project.
Speed
Built with efficiency at its core — everything loads and runs faster, no matter the scale.
Performance
Engineered for seamless performance — optimized to deliver a smooth, lightning-fast experience.
Reference
Comprehensive and practical — includes examples for nearly every scenario to help you move quickly.
Lottie on Click
The library is lazy-loaded and instanced only when the element is clicked (data-trigger="click").
Lottie on Scroll
The library is lazy-loaded via Boostify when the element gets close to the viewport (data-trigger="scroll", data-distance="30").
Lottie on Observer
The animation plays once when the element becomes 50% visible using an IntersectionObserver (data-trigger="observer").