A curated collection of our favorite Webflow cloneables.
325 cloneables · page 1 of 7
Spiral Galaxy Three.js AnimationExperience the mesmerizing 3D spiral galaxy visualization with this Webflow cloneable. Customize parameters in real-time with the Three.js GUI control panel. Elevate your website with this unique and engaging animation by Maria Karavá.
GSAP Text Animation EffectsElevate your website with captivating text animation effects using this Webflow cloneable by Timothy Ricks. Create engaging animations like sliding words and rotating text to enhance user experience. Powered by GSAP and ScrollTrigger libraries for dynamic text effects.
Background Gradient Hover EffectEnhance your Webflow site with the Background Gradient Hover Effect Webflow cloneable. Add interactive hover effects effortlessly. Elevate user experience with dynamic gradient changes. An innovative feature showcasing Webflow's native interactions.
Advanced Text RevealElevate your website with the Advanced Text Reveal Webflow cloneable featuring dynamic text animations by SplitText GSAP plugin. Enhance user experience and creativity with scroll-triggered effects. Perfect for portfolios, blogs, and more.
CSS Infinite MarqueeEnhance your Webflow site with WebBAE's Infinite Marquee Cloneable. Add dynamic horizontal scrolling effortlessly with forward and reverse animation styles. Elevate your design without complex interactions. Optimize performance and engagement with this customizable solution.
Overlay Grain EffectElevate your website design with the Grain Effect Webflow cloneable. Add a visually appealing textured look effortlessly with a grainy texture effect. Personalize grains to captivate your audience and stand out from the competition. A few clicks create a unique, attention-grabbing element.
Anime.js Swap HeadlinesEnhance your website with the Anime.js Swap Headlines Webflow cloneable. Engage visitors with dynamic text animation, powered by Anime.js. Ideal for preloader pages, create a captivating browsing experience. Designed by Timothy Ricks for stunning visual effects.
GSAP Text Hightlight on ScrollEnhance your website with the unique Text Highlight on Scroll Webflow cloneable. Created by Timothy Ricks, this interaction utilizes GSAP and Scrolltrigger.js to add dynamic animation to text elements as users scroll. Perfect for a visually engaging user experience.
Stacking Sticky Cards on ScrollEnhance your website with Stacking Sticky Cards on Scroll Webflow cloneable. Crafted by SketchzLab, this interactive feature uses position sticky & scroll triggers for a captivating user experience. Ideal for dynamic website elements.
Overlapping Stacking Card CMS SliderEnhance your website with the Overlapping Stacking CMS Slider Webflow cloneable. Create visually appealing sliders with custom CMS elements and unique stacking effects. Perfect for showcasing products and services, this fully responsive slider boosts user engagement. Customize your website with this versatile and dynamic tool.
Three.js Wave AnimationEnhance your website with an interactive Three.js wave animation Webflow cloneable. Add depth and creativity to your site's design with this customizable background effect that dynamically responds to user input. Elevate user experience and engagement with this visually captivating feature.
CSS Snap ScrollingElevate your Webflow design with a Snap Scroll Webflow cloneable by Neue World. This CSS solution offers smooth vertical scrolling with snap points for seamless transitions between sections. Customize scrolling behavior and duration for a modern user experience.
Native Interaction Vertical Text MarqueeEnhance your website with a Text Marquee Webflow cloneable. Create captivating text animations with smooth transitions and customizable features. Designed by Dhruv Sachdev, this Text Rotation/Changer is perfect for adding a dynamic touch to your site.
Vertical Webflow Splide SliderClone Webflow's dynamic and interactive Splide slider with this CMS powered vertical slider. Fully responsive and customizable with smooth navigation, scrolling, and animations. Get the Dribbble-inspired design for your website!
Chart.js Doughnut ChartsEnhance your website with customizable Doughnut Charts using this Webflow cloneable. Simplify data visualization with Chart.js integration. Personalize charts with CSS and JS modifications. Ideal for data-driven sites, offering engaging visual insights. Easy customization with a tutorial guide.
GSAP On-scroll Type AnimationsEnhance your website with captivating on-scroll typography animations using this Webflow cloneable. Easily create rotating text, unfolding letters, and more to make your content dynamic and interactive. A must-have for engaging user experiences.
Sticky Scroll Feature InteractionExplore this Webflow cloneable with an engaging sticky scroll feature. No custom code needed, just scroll to see the dynamic effects highlighting different features. Perfect for showcasing portfolios or key elements with native Webflow interactions.
CSS Text Rotate Hero EffectEnhance your website with the captivating Text Rotate Hero Effect Webflow cloneable. Elevate visuals and engage visitors with sleek CSS animations for hero sections and feature highlights. Created by Marc Tiedemann, this tool offers easy customization for a professional touch.
CSS Infinite CMS Marquee with Hover StopEnhance user engagement with the Infinite Scroll Marquee with Hover Stop Webflow cloneable. Create visually dynamic experiences with an endlessly looping marquee and interactive jQuery hover functionality. Elevate user experience and showcase content creatively.
3D Particle Text AnimationCreate stunning 3D particle text animations with this Webflow cloneable by Eli Shmerler. Transform text into interactive particles that react to mouse movements. Ideal for captivating landing pages or feature sections. Perfect for elevating design with unique animations.
GSAP ScrollTrigger Text AnimationsEnhance your website with captivating scroll-triggered animations using this GSAP ScrollTrigger Webflow cloneable. Easily create interactive elements like logo scaling, header text hiding, and more for a unique user experience. Stand out with visually appealing designs.
CSS Link Hover EffectsEnhance your website with 20 unique CSS link hover effects using this Webflow cloneable. Elevate user experience and add dynamic micro-interactions effortlessly. Perfect for easy customization without complex coding.
Looping CMS CSS Marquee with Pause on HoverCreate an engaging Looping CMS Marquee with Pause on Hover effect on your website with this Webflow cloneable. Customize animation speed and enhance user engagement with this dynamic feature. Perfect for captivating your audience and adding flair to your site.
GSAP Scrolling MarqueeEnhance your Webflow website with performant and customizable scrolling marquees using this ScrollTrigger GSAP Webflow cloneable. Create dynamic scrolling effects with varying speeds and directions to captivate your audience. Elevate your website's visual appeal and interactivity with this easy-to-use code snippet.
Unique Blurry Gradients Native InteractionsEnhance your website's visual appeal with this Webflow cloneable for Safari rendering performance. Create unique blurry gradients effortlessly using custom CSS and Webflow interactions. Optimize animation visibility and achieve stunning backgrounds without imported assets.
Interactions Vertical Marquee Text ScrollElevate your Webflow site with Vertical Marquee Text Scroll cloneable. Add dynamic vertical infinite scroll effects effortlessly. Engage visitors with masking hover effects for an interactive experience. Stand out with this unique design element.
3D Scroll Parallax AnimationCreate stunning websites with our Webflow cloneable featuring a 3D scroll animation. Learn how to use Webflow interactions and a Fluid Design System with a 3D perspective effect.
Before After Image Comparison SliderEnhance your website with the Before After Image Slider Webflow cloneable. Easily showcase image comparisons for products or services with this interactive slider. Customize and engage users with dynamic before-and-after visuals. An essential tool for every Webflow user.
Accordion jump linksCheck out this Accordion jump links Webflow cloneable by Josh Jacobs! Enhance your website with colorful overlays, smooth scrolling jump links, and interactive accordion sections for improved user experience. Ideal for content-heavy sites.
Masked Video Hero Section ScrollElevate your website with Text Masked Video Scroll Webflow Cloneable. Enhance user experience with this captivating animation, revealing video background as users scroll. Perfect for hero sections, boost visual appeal effortlessly. Designed by Eli Shmerler, no custom code needed.
Stacking Cards InteractionEasily create a striking stacking cards animation with this Webflow cloneable. Enhance user engagement and add visual interest to your website without coding. Perfect for SaaS or tech sites, this feature utilizes Webflow interactions for a seamless scrolling effect.
Tab Navigation AnimationsExplore our Tab Navigation Animations Webflow cloneable for dynamic and engaging website experiences. Custom animations for tab selection and content display. Enhance user engagement and showcase professionalism with sliding tab selectors, highlighted tab underlines, and content fading effects. Easy integration for Webflow users to customize and elevate their sites. Perfect for highlighting sections or features.
Splide.js 3D SliderDiscover a captivating 3D slider gallery using Splide.js in this Webflow cloneable. Featuring Anime.js animations, control buttons, and interactive cursor effects for a modern touch. Elevate your website design with this dynamic and visually appealing slider experience.
Circular Magnetic Button CTAEnhance user engagement with a circular magnetic CTA Webflow cloneable by Dhruv Sachdev. Featuring Circletype.js for dynamic circular text and FitText.js for responsive scaling. Elevate UX with interactive elements and responsive design for an engaging website experience.
GSAP Pixelated Page TransitionEnhance your website with a GSAP pixelated page transition Webflow cloneable. Create a unique and interactive loading effect that engages visitors from the start. Add visual interest with this fun and playful transition, boosting user experience and setting your site apart.
Three.js Image Distortion Hover EffectsDiscover captivating image distortion hover effects with this Webflow cloneable. Enhance your website with mesmerizing Three.js animations that follow the mouse, perfect for adding interactivity. Created by designer CJ Hersh, this resource is ideal for creating visually stunning experiences.
Animated Timeline InteractionDiscover a modern and engaging Animated Timeline Webflow cloneable by Relume. Showcase your company's history or product roadmap with this interactive scrolling effect. Perfect for creating captivating chronological stories.
Three.js Bubble AnimationEnhance your website with a captivating Three.js Bubble Animation with this Webflow cloneable. Engage visitors with a dynamic, interactive background that responds to mouse movements. Stand out with this creative design element for a playful user experience.
GSAP Vertical Scrolling MarqueeDiscover a dynamic Vertical Scrolling Marquee Webflow cloneable with GSAP integration for engaging content looping and customization. Ideal for showcasing offers with interactive scrolling features.
Glowing Reflective Gradient CardEnhance your website with the Glowing Reflective Gradient Card Webflow cloneable. Easily create stunning 3D hover effects with reflective gradients, no custom code needed. Perfect for product showcases and captivating headers. Elevate your design with this visually striking element.
Horizontal Cards DesignCreate a polished and engaging scrolling experience with this Horizontal Cards Design Webflow cloneable. Showcase products, services, or portfolio items in a visually appealing way. Ideal for user engagement and navigation.
SplitText text animationEasily enhance your website with engaging SplitText text animation effects using this Webflow cloneable. Elevate user interaction with interactive elements and sound effects on hover and click events. Ideal for adding dynamic effects to your site.
Apple-style Text Gradient ScrollElevate your website with this Apple-style text gradient scroll Webflow cloneable. Effortlessly create a visually captivating scrolling experience for your visitors. Implement professional text reveal animations with ease using Webflow's built-in interactions.
Moving Gradient Background InteractionEnhance your website with a sleek Moving Gradient Background Webflow cloneable. Create a dynamic visual atmosphere with smooth gradient circle effects. No custom code needed for this modern design element. Perfect for adding sophistication to your web projects.
GSAP Custom Mouse Cursor EffectsEnhance user interaction with this Custom Mouse Cursor Effects Webflow cloneable. Create dynamic experiences with customizable cursor animations and smooth scrolling effects. Elevate your website's visual appeal and engage visitors like never before.
3D Spiral Galaxy Three.jsExplore the stunning Dynamic 3D Spiral Galaxy Three.js Webflow cloneable. Customize star count, colors, and more in this interactive galaxy animation, perfect for creating visually captivating websites.
