Stefan
banner
hyggemethat.bsky.social
Stefan
@hyggemethat.bsky.social
Just another designer on a journey with #framer
You can grab it from here: pixcodrops.com/articles/tag...
February 11, 2025 at 2:41 PM
Last thing, as code overrides don't allow us to create controls like components do, I created variables at the top so everyone can customize the colors and stuff
February 8, 2025 at 11:43 PM
Made the cute little characters with Adobe Firefly AI, wanted to make them wear costumes with whatever came to my mind first
February 8, 2025 at 11:43 PM
Optimized it for performance and SEO; so don't worry if you see a lot of code
February 8, 2025 at 11:42 PM
I integrated an event listener for resizing to make it responsive, you can also use left, right arrow keys to navigate and esc key to close.

On mobile it allows swipes left and right and you can also swipe the image up to close (inspired by iOS closing apps)
February 8, 2025 at 11:42 PM
It has two modes: withGallery and withSingle, basically, if you apply the withGallery to multiple images on the same pages, you get the arrows when you open any of them and you can see them all;

withSingle basically singles out images and just opens one up with no arrows
February 8, 2025 at 11:41 PM
It's very easy to integrate as it doesn't require absolutely any new layouts, you basically just apply the code override to any image and it just works
Lightbox Gallery for Framer | Pixco Articles
Add polished galleries or single-image lightboxes to Framer with smooth animations, swipe navigation and mobile ready optimizations.
pixcodrops.com
February 8, 2025 at 11:41 PM
this
about page done ✅
January 21, 2025 at 8:42 PM