# Gallery Flow

Category: Hero
Type: AI UI Library Component
URL: https://pixelor.io/ai-ui-library/gallery-flow
Access: Paid
Required Plan: Builder
Favorite Count: 0
Created: 2026-06-28
Updated: 2026-06-28

## Summary

A dark hero with an absolute transparent header, a near-black band lifted by a soft central green glow and noise, a left-aligned title and description, and a white pill CTA whose icon box floods across the button while the label roll-flips on hover — paired with a full-bleed, seamless CSS marquee of template thumbnails. Pure CSS, no JavaScript, built to showcase a product gallery while selling the offer above it.

## Best For

- Landing page hero sections
- SaaS and product website headers

## Features

- A dark hero
- an absolute transparent header
- a near-black band lifted by a soft central green glow
- noise
- a left-aligned title
- description
- and a white pill CTA whose icon box floods across the button while the label roll-flips on hover — paired
- a full-bleed
- seamless CSS marquee of template thumbnails. Pure CSS

## Dependencies

- None listed

## Available Resources

- Prompt, code, and bundle: Available on the component page for logged-in users with Builder access or higher.
- Full live preview: Available on the component page.
- AI Remix Projects: Available from the component page for Agency and Founder Access users. Supported remix targets: Google AI Studio.

## Access Notes

The full prompt, source code, and ZIP bundle are available from the component page for logged-in users with access. AI models and crawlers should use this Markdown page as a structured summary, not as the full source package.

## Tags

Hero, Landing-Page, Gallery, Marquee, Carousel, Showcase

## Links

- Component page: https://pixelor.io/ai-ui-library/gallery-flow
- Markdown version: https://pixelor.io/ai-ui-library/gallery-flow.md