Discover the best draggable websites created by professional designers. Get inspired and start planning your perfect draggable web design today!

Ty Hughey

This is the 23rd cloneable template! 🎉🚀

---------

👀 Find previous templates on my profile.

🎉 Follow Eurecah on Twitter to see our client work: https://twitter.com/madebyeurecah

❤️ Follow along on Twitter and know when free templates get released early: twitter.com/Tycreated

Portfolio cloneable template

Timothy Ricks

Click anywhere on the page for sound when scrolling

Portfolio Lists

Koyi Tsang

Personal website using Locomotive scrolling. 

Personal portfolio with locomotive scroll

Project by Jesper Landberg at https://codepen.io/ReGGae/pen/eYGyLrP

(It doesn't look like this project was built to work on touch devices)

Infinite Draggable / Scrollable Grid

Recreation of the map found at  https://www.netflixshadowandbone.com/map

This cloneable is for learning purposes only. I do not own the rights to this design and content.

Draggable Map

Here's a parallax slider I built on top of the https://flickity.metafizzy.co/ library. Navigate by dragging or using your arrow keys.

Idea inspired by https://tympanus.net/codrops/2020/12/01/crafting-a-scrollable-and-draggable-parallax-slider/

Parallax Slider Tricks

COCREATIVE INC.

In an industry where everyone tries to look and act the same, it takes true bravery to be embrace your uniqueness and be different. Welcome to the funnest wedding photographer website you've ever seen.
Designed by tricksdesign.com

Watch our design process for this site at https://www.youtube.com/watch?v=k3ZX4F5PnB4

Mack & Pouya Photography

ThreeSixtyEight

Watch the tutorial at https://www.youtube.com/watch?v=AG_REG9p61E

CMS Draggable Slider Tutorial

Design and interaction from https://like.ava-case.com/projects/

This was requested by Mufasa in my Webflow Wizards Discord for Patreon.

Draggable CMS Grid

Watch the tutorial at https://www.patreon.com/posts/68438340

Velocity-Based Interactions

Vimalan Vijayasekaran

A macOS styled portfolio.

Completely built only using Webflow Interactions. A basic Jquery code to enable draggable feature.

Another fun cloneable for the Webflow community.

MacOS Big Sur Portfolio Website

Infinite Parallax Slider

This is the 22nd cloneable template! 🎉🚀

All images are from Pexels, Unsplash, RawPixel, and FreePik.

---------

👀 Find previous templates on my profile.

🎉 Follow Eurecah on Twitter to see our client work: https://twitter.com/madebyeurecah

❤️ Follow along on Twitter and know when free templates get released early: twitter.com/Tycreated

Debut House Cloneable Template

Rebuild of https://khaby.iconmagazine.de/

Watch the tutorial at https://www.youtube.com/watch?v=KnXk0nEP0nM

Draggable Scrub Through Images

Holy Moly Creative Studio

CMS slider with progress bar built using Splide slider.

https://splidejs.com/

CMS Slider with Progress Bar

Learn more about Dragdealer.js at https://www.patreon.com/posts/57936686

Images from https://k72.ca/en/about

Draggable Progress Bar Slider

Christina Kosik

Grindstone was created as an editorial-style e-commerce website for small shops. 

If you like this site, subscribe at www.someother.studio for updates on new clonables!

Use this however you like and let me know what you think in the comments :)

Stock image credits: Unsplash & Pexels

grindstonefurniture-clonable

Create Something

"Drag and drop so simple it hurts" - Dragula

Yes, there are lots of Javascript libraries out there for this purpose, but Dragula is a fun combination of good branding and smart programming. You can take advantage of it by cloning this project, or using the Github repo at https://github.com/bevacqua/dragula

Discover draggable websites built by the Webflow community

Discover draggable websites built by the Webflow community