HOW TO: Build a Filterable Portfolio Grid in Framer (Step-by-Step)

Опубликовано: 10 Июль 2026
на канале: Edward Creates (edwardcreates)

15,543

574

You guys asked for a tutorial about this, and I finally made it!

-- LINKS I MENTION --
FU's Guide to Framer's CMS:    • Learn The Framer CMS in 26 Minutes
Framer: https://framer.link/edwardcreates-wmzw
(Get 25% off 3 months with code EDWARDCREATES1)

-- TIMESTAMPS --
0:00 Demo
0:23 Setup
1:18 Add a Services CMS field
2:30 Making a component
3:21 Building the filter
8:40 Adding multiple services per project
10:46 Outro

-- FOLLOW ME --
  / edwardcreates
  / edwardcreates
  / edwardcreates
https://edwardcreates.com

-- GEAR --
// Video //
📸 A CAM // Panasonic LUMIX S5ii: https://amzn.to/3QKbAjY
📸 B CAM // Panasonic LUMIX GH5: https://amzn.to/3YGaxmN
🎥 B CAM LENS // Sigma 16mm f1.4 for Micro 4/3: https://amzn.to/3YBXenC
💡 SOFT BOX // Mountdog Softbox Kit: https://amzn.to/3qDDcMX
🕯 FILL LIGHT // Hagibis RGB Light Stick: https://amzn.to/45zYGZJ

// Audio //
🎙 BOOM MIC // Sennheiser MKE 600: https://amzn.to/45bMuil
🎙 DESK MIC // Shure MV7X: https://amzn.to/3QCCw54
🎶 INTERFACE // Apollo Twin Duo Thunderbolt: https://amzn.to/3sb7jLX
🔊 SPEAKERS // Yamaha HS7: https://amzn.to/3s87Ez2
🎧 HEADPHONES // Audio Technica ATH-M50x: https://amzn.to/3QISDhB

// Workstation //
🖱 MOUSE // Logitech MX Master: https://amzn.to/3qyIYPO
🎹 KEYBOARD // Apple Magic Keyboard (Space Gray): https://amzn.to/3KHgIBq
🖲️ TRACKPAD // Apple Magic Trackpad (Black): https://amzn.to/45bNmDD
🖥 MONITOR // LG 27UK850-W 27" 4K: https://amzn.to/45wmdL9
💻 LAPTOP // 16" MacBook Pro 2021 M1 Max 64GB RAM 512GB SSD
💼 SIT-STAND DESK // Autonomous SmartDesk Pro: https://bit.ly/SmartDeskPro (use code EDWARDSUN04 for 4% off)
👓 GLASSES // Zenni Optical (GET $5): https://bit.ly/3pnCvE7
// Software // DAW: Adobe Audition Video Editor: Adobe Premiere Pro

** I get a commission from some of these links! **