How do I make a Glide.js slider autoplay?

Autoplay isn't included in the core library. You'll need to implement it with custom JavaScript, such as using setInterval to trigger the next slide, or search for community plugins that add this feature.

Glide.js vs Slick Slider: which should I use?

Glide.js is dependency-free and lighter, perfect for minimal, performant sliders. Slick Slider offers more features out of the box but relies on jQuery and has a larger footprint. Choose based on your need for simplicity versus functionality.

Is Glide.js accessible for screen readers?

The core provides basic ARIA roles, but full accessibility compliance requires manual enhancements, like adding proper labels and testing with assistive technologies, as it's not extensively documented.

How to integrate Glide.js into a React app?

Since it's vanilla JS, initialize Glide in a useEffect hook, manage DOM refs, and clean up on unmount to avoid memory leaks. This is more hands-on than using a React-native slider component.

What's the difference between core and modular builds in Glide.js?

The core build includes all features, while the modular version lets you import only specific modules (e.g., Controls) to reduce bundle size, ideal for projects where every kilobyte counts.

Can I customize Glide.js beyond the default theme?

Yes, you have full control over styling by overriding the provided CSS or writing your own, as the library only includes minimal core styles and an optional theme for basic aesthetics.

Open-Awesome

Glide.js

MITJavaScriptv3.7.1

A dependency-free JavaScript ES6 slider and carousel that's lightweight, flexible, and fast.

Visit Website GitHub

7.7k stars760 forks0 contributors

What is Glide.js?

Glide.js is a dependency-free JavaScript ES6 slider and carousel library designed for creating smooth, lightweight sliders and carousels on websites. It solves the problem of bloated slider libraries by providing a minimal, modular solution that works out of the box without external dependencies.

Target Audience

Frontend developers and web designers who need a lightweight, customizable slider or carousel component for their projects.

Value Proposition

Developers choose Glide.js for its zero-dependency approach, modular architecture, and small footprint—making it ideal for performance-conscious projects where every kilobyte counts.

Overview

A dependency-free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast. Designed to slide. No less, no more

Use Cases

Best For

Creating lightweight image galleries without jQuery or other heavy libraries
Building custom carousels for e-commerce product displays
Implementing content sliders in modern JavaScript applications
Adding smooth transitions to portfolio or showcase sections
Developing modular UI components where bundle size matters
Projects requiring IE11+ compatibility with modern ES6 features

Not Ideal For

Projects requiring out-of-the-box, fully-styled carousels with zero CSS configuration
Teams using modern frameworks like React or Vue who prefer integrated, declarative slider components
Applications needing advanced features like infinite scroll, lazy loading, or complex touch gestures without custom coding

Pros & Cons

Pros

Dependency-Free Core

Includes all necessary functionality without relying on external libraries like jQuery, reducing bloat and simplifying project dependencies.

Lightweight Bundle

At ~7kb gzipped, it's one of the smallest slider libraries available, making it ideal for performance-critical websites.

Modular Architecture

Allows importing only specific modules like Controls or Breakpoints, enabling further bundle size optimization for tailored use cases.

Modern Tooling Support

Built with ES6 and ready for bundlers like Webpack, it integrates smoothly into contemporary JavaScript development workflows.

Cons

Manual Setup Required

Requires custom HTML markup and linking separate CSS files, adding initial configuration overhead compared to drop-in solutions.

Limited Built-in Features

Focuses solely on basic sliding; advanced functionalities like autoplay or deep accessibility support need additional modules or custom code.

No Framework Integrations

Lacks official support for frameworks like React or Vue, forcing developers to build their own wrappers, which can increase complexity.

Frequently Asked Questions

Related Projects

reveal.js

The HTML Presentation Framework

Stars71,631

Forks16,811

Last commit18 days ago

Swiper

Most modern mobile touch slider with hardware accelerated transitions

Stars41,847

Forks9,660

Last commit11 days ago

impress.js

It's a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com.

Stars38,186

Forks6,592

Last commit4 months ago

PhotoSwipe

JavaScript image gallery for mobile and desktop, modular, framework independent

Stars25,192

Forks3,273

Last commit6 months ago

Community-curated · Updated weekly · 100% open source

Found a gem we're missing?

Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.

Submit a project Star on GitHub