Bento Grid layouts look simple... until you try building one in Framer. This layout took way long...

Bento Grid layouts look simple... until you try building one in Framer. This layout took way long...Bento Grid layouts look simple... until you try building one in Framer. This layout took way long...

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Ravi Rank

pro

• 11h

Bento Grid layouts look simple... until you try building one in Framer.

This layout took way longer than a standard landing page section because of:

✦ Custom curved center cutout

✦ Responsive overlapping cards

✦ Perfect border-radius alignment

✦ Layered gradients and shadows

✦ Pixel-perfect spacing across breakpoints

✦ Clean, reusable component structure The goal wasn't just matching the design. It was making it fully editable inside Framer without breaking responsiveness.

If you've ever tried recreating this type of layout, you know the clipping and overlapping sections are where most of the time goes.

Want the Framer remix? Comment "GRID" and I'll send you the remix link.

I'd love to hear how you would build the center cutout.

#Framer #BentoGrid #WebDesign #UIDesign #FreeResource #FramerCommunity #FreelancerLife #WebDevelopment #ResponsiveDesign #ComponentDesign

Framer bentogrid freeresource

Abdullah Eroğlu

pro

• 11h

I like the middle sco fi ball like structure !

Ravi Rank

pro

• 11h

thanks

Anky C.

pro

• Jul 14

Day 6/180 of my 6-month Framer challenge🚀 Working on the first template. It's harder than I expected to build products while delivering client work. Still managed to push the hero section forward today.✌🏻

Framer Website Design Motion Design Framer Unicorn Studio motiondesigner buildinginpublic

Pranto Chakraborty Mithun

• Jul 14

wow nice work

Afton & Sebastian • Branding & Web Design

max

• Jul 14

We're excited to share our latest launch: the new brand and website for Kin & Co.

Founded by Toronto-based editorial and commercial photographer Samuel Engelking, Kin & Co. is a boutique portrait studio for families who've always been intentional about how they live, and how they're seen.

We met Samuel in person and connected right away over a shared belief: family photography had gone stale, and design-conscious families deserved something with real editorial intention behind it. We partnered with him to build a brand and website that could carry that vision.

From the custom serif logotype to the tactile, print-first identity system, every detail was built to let Samuel's photography lead.

No clichés. Just intention, taste, and images made for the wall.

Check it out

Figma Framer Lovart

Victor Onifade

• Jul 15

This is so nicee

Ismel Figueroa

max

• Jul 14

AI is not my designer... it’s my late‑night thought partner 🫢

Nick (@nickbakeddesign) just shared with @Daniel G Bright and I how he uses AI to think like a dev, design better products, and close higher‑quality clients, while staying tiny on purpose. New UnContrad episode is live now for indie designers, studio owners, and creators serious about playing the long game. Watch Full Episode below ↓

Framer Figma uncontrad