Skip to content
Forge

Image carousel

A photo carousel with previous, next, dots and a pause button, which never advances on its own when the user reduces motion.

  • Tailwind
  • React
  • CSS
  • WordPress
Open in a new tab

Description

Built on the WAI-ARIA carousel pattern: auto-rotation pauses on hover and stops for good once focus enters the carousel, and slide changes are only announced when the user triggers them. Without JavaScript every photo stays visible.

Code

Loading the code…

Archive contents

carrousel-images-html-tailwind.zip3 files · 5 Ko

  • index.html10 Ko
  • README.md2 Ko
  • LICENSE.md1 Ko

Tags

Updated on October 13, 2026.

In the same spirit

  • Filterable gallery

    Free

    A photo grid filtered by theme, with toggle buttons and an announcement of how many photos are shown.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component

  • Video testimonial with transcript

    Free

    A CSS-drawn video poster with a play button, the testimonial's key quote, its author, and the timestamped transcript in a collapsible panel.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component

  • Sortable table

    Free

    A data table where every column sorts with a click, ascending or descending, with no library.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component

  • Table that turns into cards on mobile

    Free

    A real table on large screens whose rows each become a readable card on mobile, with no horizontal scrolling and no JavaScript.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component