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
Framer is smooth, but let’s be real — it was missing something big.
Shopify has it. Webflow has it.
Framer? Nope.
So I built it for the #FramerHackathon.
👉 Lookbook / Shop the Look
Take a lifestyle image, drop a few hotspots, and suddenly it’s not just a picture — it’s a shoppable experience.
✨ Features:
Two layouts: clean Grid or slick Slider
Hotspots with minimal pop-ups (name, price, link)
Works like butter on desktop & mobile
Smooth, subtle animations + styling options
🎯 Why it matters:
Because storytelling sells. Brands don’t just want product grids — they want experiences. And until now, Framer didn’t have a way to do it.
Now it does.
🔗 Preview: https://thelookbook.framer.website/
🔗 Remix: https://framer.link/t7gsznL
@Deepanshu Setia Love this — it’s exactly what lifestyle brands need on Framer. How customizable are the hotspot pop-ups?
@FlutterflowDevs Really appreciate that! 🙌 The pop-ups are fully customizable — you can change the text, colors, fonts, position, and even the layout style. I wanted to keep it flexible so it can adapt to any brand’s look. I can make edits if you need any special feature.
@Deepanshu Setia This feels like a feature Framer should have already had. You nailed it.
@Gunika Sehgal Thank you 🙏 That’s exactly why I built it — it felt like such a missing piece in Framer. Now brands can finally use lifestyle photos as shoppable experiences.
@Deepanshu Setia so sleek
@Okoye chukwuemeka Thanks 🙌 tried to keep it minimal but useful.
@Deepanshu Setia and it worked
@Deepanshu Setia Super clean implementation — can it be scaled for big catalogs with many looks?
@Gud Designs Thanks a lot 🙌 Yes, right now the component supports up to 10 slides in the slider layout, and each slide can have up to 10 product hotspots. All the hotspots are highly customizable — from text, price, and links to colors, fonts, and popup positions. And if someone needs...
@Deepanshu Setia Super clean and well thought-out 👌 This is the kind of component that makes brands money — definitely bookmarking it for future client builds.
@Deepanshu Setia This genuinely fills a gap on Framer 💡 — does it affect site performance at all?
@Bhavika Sehgal Thanks 🙌 It’s lightweight and runs smooth even with multiple looks + hotspots. Just make sure to use optimized images for best performance.
@Deepanshu Setia This is such a useful component 👏 Is it possible to add multiple product tags on a single image?
@Divya Narang Thanks🙌 and Yes, you can! Each image can have up to 10 product hotspots, and every tag is fully customizable — title, price, link, image, colors, and position. Makes it easy to highlight multiple products in a single lifestyle shot.
@Deepanshu Setia It's literally very impressive .
@Deepanshu Setia Really impressed with how responsive this is on mobile. Great Work!
@Vanshika Taneja Thanks 🙌 I paid extra attention to mobile because that’s where most users shop. Glad you noticed!
@Deepanshu Setia I appreciate your attention to detail
@Deepanshu Setia This is the kind of hackathon entry that’s easy to imagine on live websites. Fashion, furniture, lifestyle brands, so many people could plug this in right away
@Charu Satija That was exactly the goal — something brands could literally plug in today and start using on live sites without extra dev effort.
@Deepanshu Setia This is such a useful component 👏 — can the hotspots link to external store pages too?
@Dev Taneja Appreciate it Dev 👊 Yes, every hotspot can link out to external store/product pages, so it works perfectly for eCom brands running on Shopify, Woo, or anywhere else
I like how natural it looks 👀 — is there support for both grid and slider in the same page?
@Vrinda Taneja Yes, you can use both layouts — grid & slider — on the same page. I kept it flexible so brands can mix them based on how they want to showcase their looks.
@Deepanshu Setia This feels practical, not just a demo and this is what makes it great!!
@Vaibhav Gupta That’s exactly what I aimed for — not just something that looks cool for the hackathon, but a real feature brands can actually use right away on their sites.
@Deepanshu Setia This looks super polished 👌 — is it possible to add multiple product tags on a single image?
@Pragya Isser Yes, you can! Each image can have up to 10 product tags, and every tag is fully customizable — title, price, link, image, colors, and popup position. That way you can highlight multiple products in a single lifestyle shot without any trouble.
@Deepanshu Setia this looks sooooo goood!!!! Smooth to eyes!!! Great job! 🤌🏻
@Rashmi Singh Thanks🔥 smooth + simple was the whole vibe I was chasing. Happy it landed that way!
@Deepanshu Setia Great use case.
@Aryabhatta . That was the main goal — to make something brands could actually use right away, not just a showcase.
@Deepanshu Setia Framer really needed this. You spotted the gap perfectly 🙌
@Mayank . Appreciate that 🙌 Spotting that gap was half the battle — just wanted to make sure Framer users don’t miss a feature so common on other platforms.
@Deepanshu Setia Taking shopping to the next level
@Chidiebere Peter Thanks! The idea was to push what’s possible in Framer for eCom — happy it feels next level to you too.
@Deepanshu Setia Great execution. Do you plan to expand it with more layouts?
@winny Thanks a lot 🙌 Right now it’s Grid + Slider, but I do plan to expand with more layouts if people want them. Kept it simple for hackathon, but it’s flexible enough to grow.
@Deepanshu Setia Innovative yet intuitive — exactly the kind of hackathon build that turns heads 👏
@sukriti makkar That balance was the toughest part — keeping it innovative enough to stand out, but still intuitive so anyone could drop it into their site on day one.
@Deepanshu Setia similar to my the component I submitted in the first few days. Good luck bro!
@Ryan Halls Wow, can’t believe we both thought of this! Crazy how similar ideas can pop up at the same time. Yours is cool Ryan 🙌 My spin was more around a full ‘Shop the Look’ setup with multiple layouts (Grid + Slider), up to 10 slides × 10 hotspots, and deep customization for eCom...
@Deepanshu Setia Clean work 👏 Curious if the hotspots can link to external stores like Shopify?
@Rishabh Narang Thanks 🙌 Yes, the hotspots can link out to any external page — Shopify, Webflow, or even custom URLs. The idea was to keep it flexible so brands can plug it into their existing store setup without limitations.
@Deepanshu Setia This feels practical, not just flashy. Could see it working well for one of my projects too.
@Reena Setia Thanks a lot 🌟 That was the goal — to make it practical and ready to drop into real projects, not just a flashy demo. Glad you can already see it working for yours!
@Deepanshu Setia This idea and design was so elegant.
@Vishnu Mahesh Thanks a ton 🙌 I really wanted to keep the design elegant while still making it functional. Glad that came through!
@Deepanshu Setia This is actually something I’d use in client projects. Clean execution.
@Vishnu Mahesh My whole aim was to build something client-ready, not just a showcase. Happy you can see it fitting into real projects!
@Deepanshu Setia This is actually something I'd use in client projects. Clean execution✨👏🏻
@Yashika Ahuja Thanks a lot ✨ I built it with client use in mind — simple to drop in, but polished enough to look great. Happy you can already see it fitting your projects 🙌
@Deepanshu Setia So smooth, it feels like a native feature of framer already.
@Disha Ahuja Thanks a lot 🙏 That’s exactly the goal — I wanted it to feel seamless, like something Framer could’ve shipped natively. Glad it came across that way!
@Disha Ahuja Thanks a lot 🙏 That’s exactly the goal — I wanted it to feel seamless, like something Framer could’ve shipped natively. Glad it came across that way!
@Deepanshu SetiaLove how this isn't cool looking but super practical too. Nice work
@Minakshi Ghildiyal Appreciate it 🙌 I focused more on making it practical and useful rather than just shiny. Happy you noticed the balance!
@Deepanshu Setia This feels so natural, like it was always meant to be in Framer. Nicely done 👏
@Deepanshu Setia Nice job! Does it support adding both grid + slider layouts on the same page?
Brilliant execution! Simple, smart, and super creative
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
Trending
maxearnings
The next frontier of payments is live on Contra. How are you maximizing revenue?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?
aidesignflow
AI tools are redefining how designer work. What does your workflow look like?
micrographics
Micrographics started as utility - barcodes, packaging, instruction labels. How would you use them?
aivideo
AI video tools are moving at warp speed. What tools are you using?