Table of Contents
Carrd’s native Gallery element is clean and fast, but it’s also limited. There’s no built-in way to search or filter Gallery items, which makes it hard to use for anything beyond small image sets.
If you’re using it for portfolios, directories, or collections, you’re probably frustrated by this.
We’ve made a way to add live search and filters to a native Carrd Gallery, without replacing the element or rebuilding your layout.
It involves a bit of code, and we’ve created a tutorial for it.
What this adds
This setup extends Carrd’s existing Gallery element with:
- Live search (results update as you type)
- Filtering based on the image caption text
- Works directly on Carrd’s native Gallery element
- Customizable styling, including:
- Fonts
- Colors
- Spacing
Everything is driven by the text you have in your Gallery captions.
How it works
Each Gallery item in Carrd should include caption text.
The setup:
- Reads the caption text from each Gallery item
- Uses that text as searchable and filterable data
- Dynamically shows or hides items based on user input
No page reloads. No hacks that fall apart later.
You can see the Gallery search and filters in action here: codefor.carrd.co.
This is especially useful if you’ve tried (and abandoned) workarounds like multiple Galleries, separate pages, or manual category sections.
When you should use this
Adding search and filters makes sense if:
- Your Gallery has more than a handful of items
- Users need to find specific content quickly
- You’re using Carrd for more than a single landing page
For larger Galleries, this turns a static layout into something actually usable.
Written by
