Completed project
Sprintli Studio
Built smooth CMS-based ticker animations and interactive layouts in Framer.
Project Scope:
Framer development
Smooth animations
CMS integration
Tools:
Framer
Figma
Year:
2025
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 7 9" xmlns="http://www.w3.org/2000/svg"><g d="M 7 9 L 0 9 L 0 0 L 7 0 Z M 2.813 3.768 C 2.312 3.169 1.788 2.303 1.242 1.167 L 2.193 1.167 C 3.31 2.487 4.499 3.464 5.757 4.098 L 5.757 4.573 C 4.499 5.207 3.31 6.184 2.193 7.504 L 1.242 7.504 C 1.788 6.369 2.312 5.502 2.813 4.903 Z" fill="transparent" height="9px" id="itWK_lza3" width="7px"><path d="M 7 9 L 0 9 L 0 0 L 7 0 Z" fill="transparent" height="9px" id="BKWQFdJ3U" width="7px"/><path d="M 1.571 2.601 C 1.069 2.002 0.546 1.135 0 0 L 0.95 0 C 2.068 1.32 3.256 2.297 4.515 2.931 L 4.515 3.406 C 3.256 4.04 2.068 5.016 0.95 6.337 L 0 6.337 C 0.546 5.201 1.069 4.334 1.571 3.736 Z" fill="rgb(254, 251, 247)" height="6.33664px" id="jWM_PyynS" transform="translate(1.242 1.167)" width="4.51485px"/></g></svg>)
Project Scope
Scope:
Tools:
Timeline:
Collaboration:
Project Goals
The core objective was to bring Sprintli’s vibrant and modular content strategy to life using Framer’s native tools and CMS features. My focus was on creating animated components that could be reused and edited easily by the internal team.
✦ Enable dynamic content updates with Framer CMS
✦ Build custom CMS-based ticker animation for testimonials and headlines
✦ Implement smooth scroll-based animations across sections
✦ Ensure clean component structure for easy edits and future scalability
✦ Keep all interactions lightweight and performance-optimized
Challenges
While Framer offers flexibility, combining CMS logic with advanced animations introduced several technical challenges. I had to ensure that smoothness and consistency were maintained across screen sizes and CMS states.
✦ Combining ticker-style motion with live CMS data without stutter
✦ Maintaining fluid interactions across breakpoints
✦ Preventing layout shifts or animation bugs during updates
✦ Ensuring override logic didn’t interfere with editor simplicity
Solution
To overcome these, I custom-built a modular CMS ticker system that syncs with Framer’s timeline controls. Each animation block was built from the ground up using efficient override logic. The final result was a high-performance, fully CMS-driven animation system that runs seamlessly across viewports.
✦ Created reusable components with embedded animation logic
✦ Used condition-based overrides to keep the CMS editor intuitive
✦ Minimized load impact through smart layer usage
✦ Delivered pixel-perfect responsiveness without sacrificing interactivity
Design Strategy
This project was development-only. Designs were provided by Sprintli’s in-house team — I focused entirely on translating those visuals into a scalable Framer build, ensuring the dev output matched the design intent.
Live Link / Status
Status:
Live preview:
Let’s Build Something Great
Have a project in mind or just want to chat? Book a call or drop me a message. I’m always open to new ideas, collaborations, or helping you level up your product.
or