Edit Profile

Dark Mode

Copy config

Copy and paste the following code into your global.css file to apply the styles.

WARNING: This component is in
status. This means that it is still in development and may have bugs or missing features. It is not intended to be used in production. You may use it for testing purposes.


A control that displays a set of content in a scrolling container.

✨ Features

  • Mobile Swiping
  • Draggable
  • Dynamic Slide Offsetting
  • Transition Duration Control
  • Pagination
  • Navigate via Prev/Next buttons
  • Roadmap

  • Tests
  • Documentation
  • Fix for the "snapping" behavior when going pass the last slide
  • A refactor of the API (for example, conventions like the select)
  • Remove additional styles to the headless component

This component initially started as a wrapper around Swiper JS, but has since been rewritten natively in Qwik! It's a automatically optimized and a lightweight solution.

This component also intends to be more accessible with a powerful API.

Why is there styles currently directly in headless?

The component itself does include headless logic, but also uses the flex layout algorithm, and is in sort of a "gray" zone betweeen styled / unstyled.

In the future, we would prefer a polished headless component (devoid of styles for most part).