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.
Great for
Designer and developer portfolios
Photography and art galleries
Agency case study pages
Product feature showcases
Visual mood boards and inspiration grids
Need help?Got questions or want to request a feature? Reach out anytime at dulajdilshan766@gmail.com or find me on X @Dulajweb.
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.
Great for
Designer and developer portfolios
Photography and art galleries
Agency case study pages
Product feature showcases
Visual mood boards and inspiration grids
Need help?Got questions or want to request a feature? Reach out anytime at dulajdilshan766@gmail.com or find me on X @Dulajweb.
