Next Portfolio Masonry

Portfolio Grid

Filterable grid of portfolio items with category toggle.

This page is a scaffold for the Portfolio Grid component. Build the live markup, Alpine.js interactions, and DaisyUI/Tailwind classes here, then replace this placeholder block with the real preview + code snippet.

Planned variants & states to implement:

  • 2 / 3 / 4 column grid
  • Thumbnail + project name
  • Category badge
  • Hover overlay with link
  • Filter by category (isotope)
6

Portfolio Masonry

Variable-height masonry layout for portfolio thumbnails.

Portfolio Carousel

Swipeable carousel for displaying portfolio projects.

Project Showcase

Full-width highlighted project with images and description.

Case Study

Structured case study layout: challenge, solution, and results.

Before After

Interactive drag-slider comparing before and after states.

Client Showcase

Client project highlight with logo, summary, and outcome metrics.
Next Portfolio Masonry