Custom Lightbox Gallery in Framer
3.4K views · 2025-08-04
UI Design
⚡️ Live website: https://lightboxgallerycomponent.framer.website
👉 Get the file and Remix file: https://chyrkov.lemonsqueezy.com/buy/f73cd8a5-c352-444b-8af2-56591577c45b (use code FANS10 to get 10% off!)
🙌 Sign up for Framer — https://framer.link/chyrkov
💌 Join my newsletter and learn more: https://sergeichyrkov.com/learn
In the video I will show you how to install custom Framer Lightbox component to your project. I will walk through all the features and show how to set it up.
Effortlessly showcase images, videos, and embeds in a stunning, fully customizable lightbox gallery built exclusively for Framer. Whether you're designing portfolios, landing pages, or product showcases, this powerful component makes your content pop — literally.
______________________________
Check out my links ⬇️
▸ My website — https://sergeichyrkov.com
▸ My studio — https://chyrkov.studio
▸ My curated resources library — https://designsweets.co
▸ Twitter — https://twitter.com/sergeichyrkov
▸ Instagram — https://instagram.com/chyrkov
▸ Behance — https://www.behance.net/chyrkov
▸ Linkedin — https://linkedin.com/in/sergeichyrkov
______________________________
Useful stuff:
👉 Build websites in minutes with Framer — https://framer.link/chyrkov
👉 Record your screen like a Pro — https://screenstudio.lemonsqueezy.com?aff=GO290
👉 Best music for your videos (get 30 days for free) — https://www.epidemicsound.com/referral/am81qn
______________________________
📝 Chapters:
0:00 — introduction
0:40 — features review
1:25 — how to install the Lightbox component
2:10 — link images and videos
2:40 — apply Horizontal mode
4:48 — apply Grid mode
6:20 — adjust the height of the images in the Lightbox
______________________________
😍 Monetarily Supporting The Channel:
If you like what I do and wish to support the channel monetarily, you can donate me with some coffee here: https://www.buymeacoffee.com/sergeichyrkov
This is appreciated and helps the channel, but please don't feel that it is necessary to enjoy my content.
______________________________
📃 Disclaimer:
Some of the links in my video descriptions are affiliate links, which means at no extra cost to you, I will make a small commission if you click them and make a qualifying purchase.
______________________________
#figma #figmatutorial #uxui #webdesign
👉 Get the file and Remix file: https://chyrkov.lemonsqueezy.com/buy/f73cd8a5-c352-444b-8af2-56591577c45b (use code FANS10 to get 10% off!)
🙌 Sign up for Framer — https://framer.link/chyrkov
💌 Join my newsletter and learn more: https://sergeichyrkov.com/learn
In the video I will show you how to install custom Framer Lightbox component to your project. I will walk through all the features and show how to set it up.
Effortlessly showcase images, videos, and embeds in a stunning, fully customizable lightbox gallery built exclusively for Framer. Whether you're designing portfolios, landing pages, or product showcases, this powerful component makes your content pop — literally.
______________________________
Check out my links ⬇️
▸ My website — https://sergeichyrkov.com
▸ My studio — https://chyrkov.studio
▸ My curated resources library — https://designsweets.co
▸ Twitter — https://twitter.com/sergeichyrkov
▸ Instagram — https://instagram.com/chyrkov
▸ Behance — https://www.behance.net/chyrkov
▸ Linkedin — https://linkedin.com/in/sergeichyrkov
______________________________
Useful stuff:
👉 Build websites in minutes with Framer — https://framer.link/chyrkov
👉 Record your screen like a Pro — https://screenstudio.lemonsqueezy.com?aff=GO290
👉 Best music for your videos (get 30 days for free) — https://www.epidemicsound.com/referral/am81qn
______________________________
📝 Chapters:
0:00 — introduction
0:40 — features review
1:25 — how to install the Lightbox component
2:10 — link images and videos
2:40 — apply Horizontal mode
4:48 — apply Grid mode
6:20 — adjust the height of the images in the Lightbox
______________________________
😍 Monetarily Supporting The Channel:
If you like what I do and wish to support the channel monetarily, you can donate me with some coffee here: https://www.buymeacoffee.com/sergeichyrkov
This is appreciated and helps the channel, but please don't feel that it is necessary to enjoy my content.
______________________________
📃 Disclaimer:
Some of the links in my video descriptions are affiliate links, which means at no extra cost to you, I will make a small commission if you click them and make a qualifying purchase.
______________________________
#figma #figmatutorial #uxui #webdesign