awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
metafizzy avatar

metafizzy/flickity

0
View on GitHub↗
7,576 stars·596 forks·JavaScript·17 viewsflickity.metafizzy.co↗

Flickity

Flickity is a JavaScript library used to create responsive, touch-enabled content carousels and sliders for web pages. It provides a system for building flickable galleries that allow users to navigate through collections of elements using touch or mouse input.

The library specializes in performance and movement, featuring lazy-loading for images that defers loading off-screen content until it enters the viewport. It supports infinite scrolling loops that wrap back to the first cell after the last is reached, as well as automated slide transitions for slideshow experiences.

The toolset includes a variety of navigation controls such as interactive buttons, page dots, and keyboard inputs. These elements synchronize with the viewport to manage slide movement across different screen sizes.

Features

  • Swipe-to-Scroll Handlers - Translates touch swipe gestures and velocity into smooth inertial scrolling of the content container.
  • Carousels and Sliders - A JavaScript library for creating responsive, touch-enabled image carousels and content sliders.
  • Carousel Looping Indices - Provides a circular indexing system to enable seamless infinite looping of rotating content.
  • Carousel Components - Provides touch-enabled UI components for cycling through sets of content or images within a single container.
  • Content Carousels - Implements interactive components that cycle through a series of content elements via touch or mouse.
  • Cyclic Looping Layouts - Creates continuous looping layouts that wrap back to the first item after the last one is reached.
  • Looping Content Carousels - Implements infinite scrolling loops that wrap navigation back to the first cell after the last is reached.
  • Slide Dimension Calculation - Computes individual slide dimensions at runtime to determine precise scroll snap positions.
  • Responsive Sliders - Builds sliding galleries that automatically adjust layout and scaling based on screen size.
  • Automated Content Rotation - Automatically cycles through content cells at set intervals to create a rotating slideshow.
  • Image Lazy Loading - Defers the loading of images until their corresponding carousel cell enters the viewport.
  • Sliders and Carousels - Touch-responsive gallery and slider component.
  • Sliders & Carousels - Touch-friendly responsive gallery.

Star history

Star history chart for metafizzy/flickityStar history chart for metafizzy/flickity

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Open-source alternatives to Flickity

Similar open-source projects, ranked by how many features they share with Flickity.
  • glidejs/glideglidejs avatar

    glidejs/glide

    7,668View on GitHub↗

    Glide is a dependency-free ES6 JavaScript library used to create responsive content sliders and carousels. It functions as a modular framework for implementing sliding content areas that adapt their layout and settings based on browser window breakpoints. The library is distinguished by a modular architecture that allows the inclusion of only necessary logic to reduce final bundle size. It separates core structural styles from thematic visual styles and utilizes a plugin system to extend the base slider functionality and lifecycle hooks. The component covers a range of interaction and naviga

    JavaScriptcarouseldependency-freees6
    View on GitHub↗7,668
  • meliorence/react-native-snap-carouselmeliorence avatar

    meliorence/react-native-snap-carousel

    10,519View on GitHub↗

    This project is a cross-platform mobile carousel component for creating swipeable image and content sliders. It functions as a virtualized list component that maintains performance by removing off-screen elements and utilizes a native-driver animation library to map scroll offsets to style properties on the native thread for lag-free transitions. The library provides a parallax image gallery capable of shifting images relative to scroll progress to create a sense of depth. It also features a layout system that supports right-to-left orientations for languages such as Arabic and Hebrew. Capab

    JavaScriptadvanced-effectscarouselflatlist-based
    View on GitHub↗10,519
  • surmon-china/vue-awesome-swipersurmon-china avatar

    surmon-china/vue-awesome-swiper

    12,790View on GitHub↗

    vue-awesome-swiper is a Vue.js component wrapper for the Swiper library, providing a declarative interface for creating touch-enabled carousels. It serves as a virtualized slider component that can render only visible slides to maintain performance when handling large datasets. The project distinguishes itself through high-performance rendering and a wide array of visual effects, including 3D transitions, parallax movements, and image zoom capabilities. It also supports the synchronization of multiple slider instances and provides accessibility features such as ARIA roles and focus-scrolling

    JavaScriptcarouselcarrouselnuxtjs
    View on GitHub↗12,790
  • davidjerleke/embla-carouseldavidjerleke avatar

    davidjerleke/embla-carousel

    8,042View on GitHub↗

    Embla Carousel is a lightweight JavaScript carousel library and barebones slider engine designed for creating touch-enabled, swipeable content sliders. It functions as a plugin-based framework that manages scroll physics and slide positioning without imposing specific UI styles, while providing a programmable API for custom carousel development. The system is distinguished by its modular architecture, allowing developers to extend core logic through external plugins and custom event hooks. It is compatible with server-side rendering, generating initial styles on the server to prevent layout s

    TypeScriptcarouselcarousel-componentcarousel-plugin
    View on GitHub↗8,042
See all 30 alternatives to Flickity→

Frequently asked questions

What does metafizzy/flickity do?

Flickity is a JavaScript library used to create responsive, touch-enabled content carousels and sliders for web pages. It provides a system for building flickable galleries that allow users to navigate through collections of elements using touch or mouse input.

What are the main features of metafizzy/flickity?

The main features of metafizzy/flickity are: Swipe-to-Scroll Handlers, Carousels and Sliders, Carousel Looping Indices, Carousel Components, Content Carousels, Cyclic Looping Layouts, Looping Content Carousels, Slide Dimension Calculation.

What are some open-source alternatives to metafizzy/flickity?

Open-source alternatives to metafizzy/flickity include: glidejs/glide — Glide is a dependency-free ES6 JavaScript library used to create responsive content sliders and carousels. It… meliorence/react-native-snap-carousel — This project is a cross-platform mobile carousel component for creating swipeable image and content sliders. It… surmon-china/vue-awesome-swiper — vue-awesome-swiper is a Vue.js component wrapper for the Swiper library, providing a declarative interface for… davidjerleke/embla-carousel — Embla Carousel is a lightweight JavaScript carousel library and barebones slider engine designed for creating… davidcetinkaya/embla-carousel — Embla Carousel is a framework-agnostic JavaScript library used to build sliding content galleries and touch-enabled… jedrzejchalubek/glidejs — Glidejs is a lightweight, dependency-free JavaScript library for creating sliders and carousels. It functions as a…