Previous Video Next Before After

Video Popup

Thumbnail with play button that opens video in a modal.

This page is a scaffold for the Video Popup 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:

  • Play button over thumbnail
  • Modal video player
  • Lightbox video
  • Autoplay on open
  • Multiple source support
11

Single Image

Responsive image with aspect ratio, caption, and lazy loading.

Image Gallery

Grid-based image gallery with lightbox and masonry options.

Carousel

Auto-play and manual image/content carousel with indicators.

Slider

Content slider with navigation arrows and swipe support.

Video

Embedded video player with poster, controls, and aspect ratio.

Before After

Drag-handle image comparison slider.

Logo Cloud

Static grid of partner or client logos.

Logo Carousel

Auto-scrolling marquee of logos.

Icon Showcase

Browsable icon grid with copy-to-clipboard support.

Icon Picker

Searchable icon selector input component.

Map Embed

Embedded Google Maps or OpenStreetMap with marker and controls.
Previous Video Next Before After