---
title: "Portofolio Feed Grid — Framer component · Best of Framer"
description: "$6.00 · Framer component · by Agung M · Effects. Bento Style Project Showcase"
canonical: "https://framer.elliotli.dev/component/portofolio-feed-grid"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Portofolio Feed Grid

# Portofolio Feed Grid

Bento Style Project Showcase

[View on Framer](https://framer.com/marketplace/components/portofolio-feed-grid/?via=elliot-li)

![Portofolio Feed Grid preview image 1](https://framer.elliotli.dev/og/component/portofolio-feed-grid/4d84420ed0a58e34/1600x1200.jpg)

## Summary

Bento Style Project Showcase

## Description

### The Bento Layout Engine

-   **Variable Card Geometry:** Mix and match three distinct card sizes (**1x1 Small, 2x1 Wide, and 2x2 Large**) to create a visual hierarchy that highlights your best work.
    
-   **Smart Auto-Fit Grid:** The responsive engine automatically calculates columns (min 250px) to ensure your portfolio looks perfect on every device, from Ultra-wide monitors to iPhones.
    
-   **Expand-in-Place Logic:** No more jumping to new pages. Click any card to expand it directly within the grid, revealing long-form descriptions and "Learn More" links.
    

### Pro-Level Interactivity

-   **Dynamic Category Filtering:** An automated filtering system that generates buttons based on your content. Watch as items re-order and scale with **Staggered Entrance** animations.
    
-   **Tactile Visual Cues:** Features an **Image Zoom** on hover, **Border Glow** accents, and a subtle **Noise Texture** overlay for that "Industrial-Chic" aesthetic.
    
-   **Glassmorphism Styling:** Fully customizable backdrop blurs and semi-transparent borders create a sense of depth and layered luxury.
    

### Content & Customization

-   **Array-Based Management:** Easily manage your projects through a clean property panel. Control titles, categories, images, and separate short/long descriptions for every item.
    
-   **Granular Design Control:** Three separate font controls (Filters, Titles, Descriptions) and full color-palette customization (Background, Cards, Accents).
    
-   **Safe-Link Navigation:** External links are automatically configured to open in new tabs, keeping users on your site longer.
    

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-285hm1st-aK5oMaMdkJ6M9hS2Pv05TpMW8APjTK)

## Rank history [How rankings work →](/terms#rankings)

-   All · #9770

## Details

- **Author**: Agung M
- **Price**: $6.00
- **Published**: 2026-04-08
- **Updated**: 2026-05-30
- **Added**: 2026-03-28
- **Categories**: Effects

## More like this

-   [Particle Image](/component/particle-image) — Jamik · $12 — Logos and photos as 3D points
-   [Ascii Portrait](/component/ascii-portrait) — The Black Sheep · Free — Photos that dissolve into ASCII
-   [Sandfall](/component/sandfall) — Cyedi Creative Studio · $5 — Your headline, buried in coloured
-   [Still Water](/component/still-water) — DariStudio · $9 — Water ripples over any photo