Clone Project

Autoplay + Swipe Control Marquee w/ Splide

Created by
Corey Moen
Similar Projects
Oops! Something went wrong while submitting the form.

0 Comments

Be the first to leave a comment.
Loading
User is typing...
No Name
Set
4 years ago
Moderator
This is the actual comment. It's can be long or short. And must contain only text information.
(Edited)
No Name
Set
2 years ago
Moderator
This is the actual comment. It's can be long or short. And must contain only text information.
(Edited)
Load More
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Load More
Description:  
AI Description

This component allows for the autoplay of a CMS collection list while enabling users to manually control the slider through the Autoscroll extension of Splide. It is designed to enhance user interaction with dynamic content.

Key Features:

  • Autoplay functionality for CMS collection lists, allowing for continuous display of items.
  • User control through swipe and grab functionality, enabling manual navigation of the slider.
  • Integration with the Splide library, which provides a robust framework for sliders.
  • Customizable settings for autoplay speed and drag behavior, enhancing user experience.

Design Elements:

  • Utilizes a card layout for displaying items, which is common in content-heavy websites.
  • Images are displayed in a 1:1 aspect ratio, ensuring uniformity and visual balance.
  • The overall design is clean and straightforward, focusing on content presentation without unnecessary distractions.

Potential Use Cases:

  • E-commerce websites showcasing product collections.
  • Portfolio sites for creative professionals displaying their work.
  • Blogs or news sites featuring a carousel of articles or posts.
  • Event websites highlighting speakers or sessions in a visually engaging manner.

Conclusion: The Autoplay + Swipe Control Marquee w/ Splide component effectively combines automated content display with user interactivity, making it suitable for various applications across different industries.

Description from Webflow:  
Autoplay a CMS collection list, while still allowing users to grab/scrub control the slider using the Autoscroll extension of Splide.
Tags from Webflow: 
splidejs,  splideslider,  slider,  marquee,  draggable
.