Filterable Project Gallery
A filterable project gallery with animated transitions, hover effects, and a modal detail view.
Prompt
Create a filterable project gallery: Filter tabs: All, Web Design, Mobile, Branding, Motion Masonry/3-column grid (9 projects, varied heights): image, hover overlay (title, category, "View Project" button) Cards animate on filter change (fade+scale, framer-motion layout animation) Click project: modal with image carousel, title, category, description, tools used, live+GitHub links Use Tailwind CSS, framer-motion
Share:Share on X
More Portfolio Prompts
A personal portfolio with hero intro, selected work grid, skills, experience timeline, and contact.
A detailed case study with problem/solution narrative, process sections, and results metrics.