Cloneables

Webflow cloneables

A curated collection of our favorite Webflow cloneables.

325 cloneables · page 1 of 7

GSAP Text Animation Effects
GSAP Text Animation Effects Elevate 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.
Clone
Overlay Grain Effect
Overlay Grain Effect Elevate 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.
Clone
Spiral Galaxy Three.js Animation
Spiral Galaxy Three.js Animation Experience 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á.
Clone
CSS Infinite Marquee
CSS Infinite Marquee Enhance 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.
Clone
Stacking Sticky Cards on Scroll
Stacking Sticky Cards on Scroll Enhance 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.
Clone
Anime.js Swap Headlines
Anime.js Swap Headlines Enhance 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.
Clone
Overlapping Stacking Card CMS Slider
Overlapping Stacking Card CMS Slider Enhance 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.
Clone
GSAP Text Hightlight on Scroll
GSAP Text Hightlight on Scroll Enhance 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.
Clone
Native Interaction Vertical Text Marquee
Native Interaction Vertical Text Marquee Enhance 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.
Clone
Background Gradient Hover Effect
Background Gradient Hover Effect Enhance 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.
Clone
Advanced Text Reveal
Advanced Text Reveal Elevate 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.
Clone
Vertical Webflow Splide Slider
Vertical Webflow Splide Slider Clone 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!
Clone
Sticky Scroll Feature Interaction
Sticky Scroll Feature Interaction Explore 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.
Clone
Chart.js Doughnut Charts
Chart.js Doughnut Charts Enhance 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.
Clone
Tab Navigation Animations
Tab Navigation Animations Explore 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.
Clone
CSS Infinite CMS Marquee with Hover Stop
CSS Infinite CMS Marquee with Hover Stop Enhance 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.
Clone
Three.js Wave Animation
Three.js Wave Animation Enhance 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.
Clone
Stacking Cards Interaction
Stacking Cards Interaction Easily 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.
Clone
3D Particle Text Animation
3D Particle Text Animation Create 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.
Clone
CSS Snap Scrolling
CSS Snap Scrolling Elevate 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.
Clone
CSS Text Rotate Hero Effect
CSS Text Rotate Hero Effect Enhance 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.
Clone
Three.js Bubble Animation
Three.js Bubble Animation Enhance 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.
Clone
Unique Blurry Gradients Native Interactions
Unique Blurry Gradients Native Interactions Enhance 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.
Clone
Horizontal Cards Design
Horizontal Cards Design Create 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.
Clone
Animated Timeline Interaction
Animated Timeline Interaction Discover 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.
Clone
Before After Image Comparison Slider
Before After Image Comparison Slider Enhance 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.
Clone
Masked Video Hero Section Scroll
Masked Video Hero Section Scroll Elevate 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.
Clone
GSAP Horizontal Scroll Section
GSAP Horizontal Scroll Section Discover an innovative Horizontal Scroll Section Webflow cloneable by Timothy Ricks. Utilizing GSAP & ScrollTrigger, this cloneable offers smooth horizontal scrolling through CMS-powered websites for enhanced interactivity. Customizable and responsive for visually captivating sites.
Clone
GSAP On-scroll Type Animations
GSAP On-scroll Type Animations Enhance 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.
Clone
GSAP Pixelated Page Transition
GSAP Pixelated Page Transition Enhance 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.
Clone
Looping CMS CSS Marquee with Pause on Hover
Looping CMS CSS Marquee with Pause on Hover Create 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.
Clone
Three.js Image Distortion Hover Effects
Three.js Image Distortion Hover Effects Discover 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.
Clone
CSS Link Hover Effects
CSS Link Hover Effects Enhance 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.
Clone
GSAP ScrollTrigger Text Animations
GSAP ScrollTrigger Text Animations Enhance 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.
Clone
Circular Magnetic Button CTA
Circular Magnetic Button CTA Enhance 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.
Clone
Autoplay Slick.js Slider
Autoplay Slick.js Slider Create an Engaging Slider with this Webflow cloneable by BuildBites. Customize effortlessly with responsive design, smooth transitions, and keyboard navigation for an immersive user experience. Perfect for presentations, websites, marketing, and more.
Clone
Splide.js 3D Slider
Splide.js 3D Slider Discover 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.
Clone
Interactions Vertical Marquee Text Scroll
Interactions Vertical Marquee Text Scroll Elevate 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.
Clone
3D Scroll Parallax Animation
3D Scroll Parallax Animation Create 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.
Clone
GSAP Custom Mouse Cursor Effects
GSAP Custom Mouse Cursor Effects Enhance 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.
Clone
Slick.js Video Slider
Slick.js Video Slider Enhance your projects with the ThreeSixtyEight carousel Webflow cloneable. Create visually engaging experiences with customizable navigation, smooth transitions, and intuitive hover interactions. Easily customize with CSS for a seamless user interface.
Clone
Draggable Swiper.js slider
Draggable Swiper.js slider Enhance your website with this Swiper.js slider Webflow cloneable. Choose from three unique carousel slider designs with customizable settings for optimal performance and seamless integration with Webflow's CMS collection. Elevate your site's user experience with this dynamic and interactive slider solution.
Clone
Dragdealer.js Draggable CMS Slider
Dragdealer.js Draggable CMS Slider Enhance your Webflow projects with Draggable CMS sliders and progress bars using this customizable layout by Timothy Ricks. Elevate user interactions and visual appeal with this unique Slider, CMS, and Interactions tool. Created with Dragdealer.js.
Clone
3D Spiral Galaxy Three.js
3D Spiral Galaxy Three.js Explore 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.
Clone
Cards 2.0 UI Kit
Cards 2.0 UI Kit Enhance your Webflow project with the comprehensive Cards 2.0 UI Kit. Featuring 28 stylish card designs and a variety of customizable elements, this cloneable streamlines design processes for product showcases, articles, and more. Create appealing dashboards and applications with ease.
Clone
GSAP Scrolling Marquee
GSAP Scrolling Marquee Enhance 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.
Clone
Matter.js Physics-based interactions
Matter.js Physics-based interactions Elevate your website with dynamic physics-based interactions using this Webflow cloneable. Incorporating Matter.js, SVG animations, and a customizable CSS grid background, enhance user engagement and visual appeal effortlessly. Opt for this cloneable for seamless web design across all devices.
Clone
Glowing Reflective Gradient Card
Glowing Reflective Gradient Card Enhance 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.
Clone