AboutPortfolioGallery is a sleek, highly customizable project showcase designed specifically for Framer. It allows you to display your creative work in a fluid, interactive grid that feels premium and professional. Whether you’re a designer, photographer, or agency, this component gives you total control over the layout and motion to ensure your work takes center stage.
What it doesIt renders a dynamic collection of project cards with smooth, physics-based "Spring" animations for both layout transitions and content reveals. The component handles spacing, sizing, and typography automatically, ensuring that your gallery looks great on any screen size. It also includes an integrated backdrop system and a customizable close icon for a seamless "expanded" view experience.
What you can customize
Dimensions and Spacing: Use sliders to precisely set card width, height, and the gap between projects to create the perfect grid or masonry feel.
Visual Styling: Adjust the corner radius for a sharp or rounded look, and set custom hex codes for the background, text, and backdrop colors.
Typography: Choose unique fonts for your Titles, Body text, and UI elements to match your brand’s personality perfectly.
Motion and Interaction: Toggle between different animation styles like Spring for a tactile feel. You can also show or hide the close icon and even upload your own custom SVG or image for the exit button.* Comments in this component are session-based and intended for demonstration purposes only. They will reset automatically when the page is refreshed and are not stored or shared between different visitors. This means each user will see only their own comments during their session.
If you require persistent or shared commenting functionality, additional backend integration will be needed.
Great for
Designer and developer portfolios
Photography and art galleries
Agency case study pages
Product feature showcases
Visual mood boards and inspiration grids
Share your buildIf you build something awesome with this, post it on X and tag me @Dulajweb. I’m always excited to see how people style their galleries!
Need help?Got questions or want to request a feature? Reach out anytime at dulajdilshan766@gmail.com or find me on X @Dulajweb.
Dulaj dilshan
