Skip to content
Forge

Filterable gallery

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

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

Description

Filters are toggle buttons (aria-pressed) and a status region announces the result to screen readers. Without JavaScript every photo stays visible. Gradients are replaced by your images while keeping the alternative text.

Code

Loading the code…

Archive contents

galerie-filtrable-html-tailwind.zip3 files · 4 Ko

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

Tags

Updated on October 13, 2026.

In the same spirit

  • Image carousel

    Free

    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
    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