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

Holy Moly Creative Studio

CMS slider with progress bar built using Splide slider.

https://splidejs.com/

CMS Slider with Progress Bar

Jakob Wrs

Just a Tryout, have fun with it 🤙🏼

Staggered Animation     AnimeJS
Infinite Carousel             SplideJS
Link Delay                       customJS

Image Slider with Transition Effect

Mor Tene & Ilya Lisi

A new version of how it works, this time using splide.js. The slides are all connected to one collection list, and you can navigate between them using a navigation slider!

All you need to do is to customize the collection and add as many items as you want. 
Please check the html-embed to customize is-active states. 


How it works / Timeline 

Francesco Castronuovo

This time, we'll see how to implement an Infinite Draggable Marquee with Stop on Hover!

We combine the flexibility of Splide.js with custom enhancements, bringing you a fully configurable, no-code marquee experience in Webflow. 🚀

✅ Set animation speed and direction
✅ Smooth pause and resume on hover
✅ Draggable functionality (optional)
✅ Fully customizable active slide styling
✅ Different speeds per breakpoint
✅ CMS-ready setup
✅ Multiple marquees on the same page
✅ Accessibility improvements built-in

And the best part? You don’t need to write a single line of code — everything is handled through simple attributes inside the Webflow Designer.

Splide.js powers the foundation, and I’ve extended it to make it even easier and more powerful for your Webflow projects.

👉 Watch on YouTube: https://youtu.be/nsmPAQzisow

📂 Helpful Resources:

- Supasaito: https://www.supasaito.com/en

Infinite Draggable Marquee With Stop On Hover (No Code, Attributes-Only Solution)

Aonnoy Sengupta

A cloneable client portal I whipped up using Finsweet's Wized. It's got all the bells and whistles. From snagging project details with a smooth multi-step form to crafting and sending flexible proposals, this portal has you covered. Plus, it makes contract creation a breeze and gives your clients their own cozy corner in the portal.

Keep in mind, this is a side gig I've been tinkering with, so it might be a bit of a fixer-upper. But hey, it's a sturdy starting point for you to run wild and make it your own.

What's more? I've rolled out a bunch of nifty tutorials to go along with this release. They're up and ready to go. Dive in, follow along, and weave this system into your projects like a pro.

Client Portal - Wized Cloneable

Wunderbar

Muse AI is a free cloneable template packed with 5 pages:
• Homepage
• Pricing page
• Contact page
• Blog archive (CMS)
• Blog single (CMS)
And utility pages.

There's one slider on the homepage built with Splide.js which you can edit from the page settings. Keep in mind the designer preview is not accurate for the slider as the scripts are not being loaded in the designer tool.

It's built with Client-First principles from Finsweet - hopefully you can use this AI SaaS Cloneable as a template or starting point for your own project.

Please note, Muse AI serves as an illustrative example and is not a real company. The features, services, and details mentioned on the site are fictional and meant for demonstrative purposes.

Muse AI - SaaS Website [CLONEABLE]

Nigel Payne

Slider using version 3.2.2 of Splide JS https://splidejs.com/

SplideJS v3.2.2 Dark UI Slider

Devprakash Sahoo

We've released a new cloneable and more to come this month. This is a construction site built using

⭐️ Javascript
⭐️ Smooth Scroll (Luxy.Js)
⭐️ Splide Js
⭐️ Html/ Css

Feel free to reach out and we'll be more than happy to help. Cheers 💪
But don't worry it's as easy as Webflow to maintain. You can pretty much change the website image and this can be your portfolio page or your main page or work page, you name it.

construction-website-flowset

Jeronimo Piquero Saiz

LINE architectural bureau is a luxury, elegant and trendy Figma template designed in two colour styles: dark & light.

The dark & light mode switch will store the user mode choice. Therefore, the method persists when reaccessing the page or switching to another page. 

I hope you enjoy

architectural-bureau

Anil Pervaiz

CMS Slider Webflow Cloneable, both with CMS and Without CMS using SplideJS Library.

Referece: https://splidejs.com/

Clone and Enjoy!

CMS Slider Showcase

Corey Moen

Autoplay a CMS collection list, while still allowing users to grab/scrub control the slider using the Autoscroll extension of Splide.

Autoplay + Swipe Control Marquee w/ Splide

Muhammad Ali Shan

Get ready to be mesmerized by the Splide slider I created on Webflow. With seamless transitions and stunning visuals, it elevates your website to new heights. Join me on Webflow as I showcase this captivating feature, adding a touch of elegance and interactivity to your online presence. Get ready to impress your visitors with the power of Splide slider.

Custom Slider [SplideJS]

Tinyflow

Webflow Vertical Marquee Slider made with Splide JS by team Tinyflow | Webflow Agency

Features:
1. Infinity Loop
2. Autoplay
3. Pause on hover
4. Speed control via data attribute
5. Direction control via data attribute
6. Vertical Drag

Feel free to clone. Also, feel free to suggest us of any slider that you think we should build next.

Webflow Vertical Marquee Slider

Web Bae

A collection of Splide sliders for easy sliders with advanced functionality in Webflow.

Bae's Mega Splide Library

Webflow Vertical Progress Bar Thumbnails Slider made with Splide JS by team Tinyflow | Webflow Agency

Features:
1. Infinity Thumbnails Loop
2. Autoplay
3. Duration Progress Bar
4. Vertical Drag
5. Active Selected Slide
6. Responsive
7. Custom Code

Feel free to clone. Also, feel free to suggest us of any slider that you think we should build next.

Webflow Vertical Progress Bar Thumbnails Slider

Maria Karavá

Well, I'm a fan & I can't hide it! :P

One page cloneable based on the Destinyland project I did for @EteriaFilon
https://destinyland.eu

Live long and prosper my friends!

Star Trekkers - A short history of Star Trek

Dimitris Theofanous

A case study redesign for Emmanuelle Silk, a luxury fashion brand from Greece. 

Main goal was to find the silverlining between a luxury showcase and an eshop. 

This is my first project in web design & development . I hope you like it.

Emmanuelle Silk - Luxury Fashion Ecommerce

Petit Hack

Petit Hack - partner

Custom Form | SplideJs | Petit Hack

1070795817

1274323923

1316201488

1316201489

1462086697

1567550242

1592612642

1726628865

173927913

1771795565

1863160016

1905118106

2032141491

2037807691

2144870841

2213518682

2216482092

2339906037

2351366352

2355632600

https://s3.amazonaws.com/webflow-dev-assets/66fd83b6cc0c8c6ed0e398e6%2Fcontent.json

2401116685

2486364096

gpt-4o

gpt-4.1

gpt-4o-mini

2546957535

2789269995

2857348505

2903381045

User Accounts will no longer be available on January 29, 2026.

Visit Webflow’s Help Center for migration guidance and more info.

3023147062

3026881092

3106924665

3112069432

3120801339

3151661775

3243842104

3258716925

3266482432

3289310561

3313039722

3315729993

3387258362

3410497685

3590523401

3591394191

3672367630

3737116140

3801251705

3844506029

3913199261

3934148661

3941255684

4092855684

4103643638

4144203485

4206156914

451433404

489463363

504462606

536101258

622649767

622649768

657188092

660615456

665836192

737109165

772001133

817414265

846847440

882147072

911514507

938734410

1045828939

1049811722

105340574

1087856901

1120744071

1131151533

1157563538

1197475705

1216878544

1229056119

1234765101

1236803103

1250328847

1259889605

1292405251

1297066426

130043074

1306352991

1312703771

1322655470

1336067073

1337084289

1350250754

1380896143

1406455659

1418395020

1433303746

143629253

1449062533

1455163268

1455742168

1458975701

146940023

1475952185

1483622682

1490715908

1499868407

1501922903

1530015515

1534768148

1545754914

1557989767

1568482678

1662541974

1665126082

1675015083

1680201874

1680586027

1701648875

1710623805

173185438

1733571395

1752293186

1753134293

1762715110

1764382991

1803820771

1813965765

1826978162

183596474

1839668475

1856326096

1857805694

1861549476

187681422

1894524989

1896514701

1896857716

1905757080

1928608458

1931880952

1937559780

Best Splidejs Websites | Free Examples & Designs

Discover Splidejs websites
built by the Webflow community

Browse, clone, and customize thousands of websites #MadeinWebflow. Looking for templates?

Discover Splidejs websites built by the Webflow community

Browse, clone, and customize thousands of websites #MadeinWebflow. Looking for templates?

Discover Splidejs websites
built by the Webflow community