cards-with-filters-01

cards-with-filters-01

Filterable card grid powered by CMS—includes image, tag, and title. Ideal for showcasing blogs, projects, or portfolios with category filters.

Desktop

(1200px)

desktop section of a grid of CMS content cards with category filter tabs and visual previews for workspace case studies

Tablet

(810px)

tablet section of a grid of CMS content cards with category filter tabs and visual previews for workspace case studies

Mobile

(390px)

mobile section of a grid of CMS content cards with category filter tabs and visual previews for workspace case studies

Desktop

(1200px)

desktop section of a grid of CMS content cards with category filter tabs and visual previews for workspace case studies

Tablet

(810px)

tablet section of a grid of CMS content cards with category filter tabs and visual previews for workspace case studies

Mobile

(390px)

mobile section of a grid of CMS content cards with category filter tabs and visual previews for workspace case studies

Desktop

(1200px)

desktop section of a grid of CMS content cards with category filter tabs and visual previews for workspace case studies

Tablet

(810px)

tablet section of a grid of CMS content cards with category filter tabs and visual previews for workspace case studies

Mobile

(390px)

mobile section of a grid of CMS content cards with category filter tabs and visual previews for workspace case studies

Details:

Icons:

Linke Open

Variables:

Section Heading

Post Category

Post Title

Button Text

Image 1

Image 2

Post Link

Variant

Cursor

Components:

Open All

(soon)

Card Button 01

Card Wide 01

Effects:

Open All

(soon)

Scroll

How to use:

Click the Copy button to copy the section to your clipboard.

Paste it on any page in your project where you need the layout.

Update Text and Images using built-in variables.

Unlink the section if you want full control to customize the design.

Lean Designs. Built Right. Made for Framer.

© figma2framer.com. All rights reserved.

Lean Designs. Built Right. Made for Framer.

© figma2framer.com. All rights reserved.

Lean Designs. Built Right. Made for Framer.

© figma2framer.com. All rights reserved.

Lean Designs. Built Right. Made for Framer.

© figma2framer.com. All rights reserved.