Project List
A portfolio section with alternating left/right project cards featuring hover-activated motion effects. Each card displays a project image with gradient overlay, title, description, and technology badges. The alternating layout creates visual rhythm while motion effects add interactivity. Perfect for creative portfolios and agency showcases.
Full-width project cards with background image reveal on hover. Each card displays heading, subheading, and description with a background image that becomes visible on hover with a smooth transition. Includes a header section with title and CTA button. Perfect for portfolios where visual impact is key.
A grid of project cards with gradient overlays and hover effects. Each card features a full-bleed image with a dark gradient overlay, category badge, title, and description. On hover, the overlay lightens and content shifts. Ideal for creative portfolios and agency showcases.
A cinematic carousel with large landscape images and minimal text overlays. Features wide aspect ratio cards with gradient overlays, category labels, titles, and descriptions. Navigation arrows and dot indicators provide carousel control. Perfect for film, photography, or architectural portfolios.
A carousel of detailed project cards with comprehensive metadata. Each card includes image, category badge, title, client info, year, description, and CTA button. Features navigation arrows and dot indicators. Ideal for agency portfolios or case study showcases requiring detailed project information.
A minimal carousel with clean project cards and subtle hover effects. Each card features a square image with hover zoom, title, and category. Navigation arrows and dot indicators provide carousel control. Perfect for clean, modern portfolios where simplicity is key.
Professional experience cards with testimonial quotes. Each card features a colored header with role and company, location and duration metadata, description, achievement list, and a testimonial quote. Displayed in a 3-column grid. Ideal for professional portfolios and career showcases.
A full-featured carousel with client info, badges, and descriptions. Each card includes a square image, category badge, title, client/year metadata, description, and CTA button. Navigation arrows are positioned at the sides. Perfect for agency portfolios or freelancer showcases.
A filterable gallery with category tabs and animated transitions. Projects are displayed in a responsive grid with hover effects revealing title and category. Category tabs allow filtering with smooth fade animations. Perfect for portfolios with multiple project categories.
A three-column filterable gallery with category tabs and hover overlays. Each project card displays an image with hover overlay showing title, description, and tags. Category tabs allow filtering projects. Perfect for design portfolios and creative showcases with multiple categories.
A responsive grid gallery of project cards with hover effects. Each card displays a project image with hover zoom effect, title, and category badge. The grid adapts from 1 column on mobile to 3 columns on desktop. Perfect for simple, clean portfolio layouts.
A grid of project cards with Framer Motion animations. Cards feature staggered entrance animations, hover scale effects, and smooth transitions. Each card displays an image, title, and category. Perfect for portfolios that want to add visual interest through motion.
Wide horizontal cards with image sidebar and detailed metadata. Each card displays a landscape image on the left with title, description, client info, role, technologies, year, and CTA link on the right. Perfect for case studies or detailed project showcases.
A grid of project cards with content revealed on hover. Each card displays a full-bleed image that darkens on hover to reveal title, category, and description. The reveal animation creates an engaging interactive experience. Perfect for visual-first portfolios.
A three-column grid with expanded content on hover. Cards display full-bleed images with gradient overlays. In default state, only category and title are visible. On hover, description and 'View Project' link appear with smooth transitions. Perfect for design portfolios and creative showcases.
A masonry-style grid with varying card heights for visual interest. Cards are distributed across columns with different aspect ratios creating a Pinterest-like layout. Each card displays an image with hover overlay showing title and category. Perfect for photography or design portfolios.
A mosaic grid layout with varying card sizes for visual hierarchy. Features a mix of large and small cards arranged in an asymmetric pattern. Each card displays an image with hover effects. Perfect for photography portfolios or nature-themed showcases.
A scroll-triggered reveal layout with staggered animations. Projects appear as the user scrolls down the page with fade-in and slide-up effects. Each card displays an image, title, description, and technology badges. Perfect for storytelling portfolios and case study pages.
An alternating layout with large images and detailed content sections. Projects alternate between image-left and image-right layouts. Each section includes title, description, and CTA link. Perfect for detailed project showcases and case study presentations.
A scroll-driven content reveal with sticky gradient sidebar. Features a scrollable container with text content on the left and a sticky gradient panel on the right that changes color as you scroll. Each section has a title and description that fade based on scroll position. Perfect for storytelling and case study walkthroughs.
A studio-style project list with hover image previews. Displays projects as a vertical list with title, category, and year. On hover, a preview image appears alongside the list item. Perfect for design studios and creative agencies with a minimalist aesthetic.
A table-style project list with sortable columns. Displays projects in rows with columns for title, category, year, and status. Includes hover effects and optional sorting functionality. Perfect for portfolios that need to display many projects in a compact format.
A carousel of project cards with video thumbnails. Each card displays a video that plays on hover with title and category overlay. Navigation arrows and dot indicators provide carousel control. Perfect for video production portfolios or motion design showcases.
A bento-style grid with video hover effects. Features a mix of large and small cards arranged in an asymmetric bento box layout. Videos play on hover with title and category overlays. Perfect for creative portfolios with video content.
A grid of project cards with video hover effects. Each card displays a thumbnail image that transitions to video playback on hover. Title and category appear as overlays. Perfect for video production portfolios or motion design showcases.
A grid of rounded project cards with video hover effects. Each card has large border radius and displays a thumbnail that transitions to video on hover. Title and category appear as overlays. Perfect for modern, friendly portfolio designs.
A stacked layout of project cards with video hover effects. Cards are displayed in a vertical stack with full-width videos that play on hover. Each card includes title, category, and description. Perfect for video portfolios that want to emphasize individual projects.
A 2x2 grid of project cards with video hover effects. Each card displays a thumbnail that transitions to video playback on hover. Title and category appear as overlays. Perfect for showcasing a curated selection of video projects in a balanced layout.
Work experience cards with embedded project galleries. Each card displays role, company, duration, description, technology badges, and a grid of related projects. Stacked full-width cards create a comprehensive work history. Perfect for professional portfolios and career showcases.
An alternating image-content layout with technology badges. Projects alternate between image-left and image-right layouts. Each section includes title, category, description, technology badges, and CTA link. Perfect for detailed project showcases and case study presentations.
