A high-end, fluid CTA component engineered for modern Framer projects.

The Gooey Interaction Button transforms a standard call-to-action into a tactile, motion-driven experience. Built using a custom SVG gooey filter and dual-layer animation system, it delivers a seamless liquid expansion effect where the primary button morphs and splits into a rounded icon capsule — all while maintaining perfectly crisp typography.

This isn’t a simple hover animation. It’s a controlled micro-interaction system designed to elevate product interfaces and premium landing pages.

• Authentic SVG gooey physics (Gaussian blur + color matrix filter) • Dual-layer architecture to preserve sharp text and icons • Expand-and-split interaction with fluid continuity • Letter-by-letter animated label transitions • Adjustable motion curves for different physical “weights” • Fully responsive and performance-conscious • Accessibility-ready (ARIA support included)

SaaS landing pages

Premium portfolio sites

Startup product interfaces

Dashboard actions (confirm, delete, save, toggle)

Agencies wanting high-end interaction polish

Every detail — from easing curves to blur sequencing — is tuned to create a refined, agency-level feel without sacrificing usability.

If you're looking to add motion that feels intentional, modern, and premium, this component delivers exactly that