Spalk
A sports-tech website where I pushed further beyond standard Webflow development — working with Rive, Lenis, CMS utilities, Swiper.js, custom JavaScript, custom CSS, and interaction-heavy front-end behavior.
Visit live websiteProject details
The project
Sports broadcasting,
built with a lot of moving parts.
Spalk provides cloud-based commentary infrastructure for sports broadcasters, including remote commentary, multilingual talent, production services, and other broadcast workflows.
My role was focused on translating supplied designs into the Webflow implementation and handling the interactive pieces around it — including animation, CMS behavior, media interactions, third-party libraries, and custom front-end code.
This became one of the projects where I started treating Webflow less as an isolated visual builder and more as the foundation of a broader front-end workflow.
My contribution
Where my Webflow toolkit started getting much bigger.
Rive inside Webflow
I implemented interactive Rive assets throughout the build and became much more comfortable integrating animation as part of the interface rather than treating it as a separate visual layer.
Lenis smooth scrolling
I introduced Lenis smooth scrolling to give the site a more controlled sense of movement and carried that experience into later Webflow projects.
CMS + Finsweet
I worked with Webflow CMS and Finsweet utilities to support reusable content and extend sections that needed more flexibility than a basic Collection List.
Custom video tabs
I extended native Webflow tabs with custom JavaScript so each tab could contain its own video with user-controlled playback and audio behavior.
Custom video behavior
Native Webflow tabs underneath. Custom video controls on top.
One of the sections used Webflow's native Tabs component, with a separate video living inside each tab.
I added custom JavaScript around the component so users could manually control playback and mute state without the videos conflicting with the tab-switching behavior.
It was a relatively contained feature, but it became one of the moments where I felt much more comfortable extending native Webflow components instead of working only within their default behavior.
Interaction breakdown
Each tab manages its own video.
Playback stays under the user's control.
Audio can be toggled independently.
Rive + motion
The point where animation started feeling like part of the interface.
Spalk gave me more hands-on experience integrating Rive assets into a real Webflow build and making them feel connected to the surrounding layout instead of simply embedded into it.
It was also where I started using Lenis for smooth scrolling. That combination made me pay more attention to how individual interactions contributed to the overall movement of a page.
I carried both of those lessons into later builds, where animation and scrolling became things I considered much earlier in the development process.
Elsewhere in the build
Lots of smaller pieces doing their job.
Animated number scaling
I implemented an animated numerical interaction for site statistics, adding movement to figures that would otherwise remain static.
Custom CSS details
Some of the supplied visual treatments required custom CSS beyond standard Webflow controls, including the inverted and cut-out corner treatments used in the layouts.
Swiper.js interactions
I incorporated Swiper.js where the design called for draggable or swipeable behavior that went beyond what I wanted to handle with native Webflow interactions alone.
Scroll-based motion
I implemented smaller scroll-triggered reveals and transitions throughout the site, keeping motion present without making every section compete for attention.
Tools & technologies
What I worked with
What stuck with me
Webflow got more useful once I stopped treating it as the entire toolbox.
Spalk made me much more comfortable combining Webflow with Rive, third-party libraries, CMS utilities, custom JavaScript, and CSS whenever the interaction called for something beyond the native toolset.
Instead of asking only whether Webflow could do something natively, I started thinking more about the behavior the design actually needed and choosing the right implementation for it.
See it in the wild
Visit the public Spalk website to explore the finished Webflow implementation and interactions.