# PrismFlow

Category: Hero
Type: AI UI Library Component
URL: https://pixelor.io/ai-ui-library/prismflow
Access: Paid
Required Plan: Pro
Favorite Count: 0
Created: 2026-05-22
Updated: 2026-06-06

## Summary

Dark hero with an interactive WebGL liquid background, frosted glass strips, glass navbar with mobile overlay, eyebrow badge, serif/sans headline mix, glass CTA, rotating star, and a 3D perspective auto-scrolling product slider with tilt and glow.

## Best For

- Landing page hero sections
- SaaS and product website headers
- SaaS landing pages
- Glassmorphism website sections

## Features

- Dark hero
- an interactive WebGL liquid background
- frosted glass strips
- glass navbar
- mobile overlay
- eyebrow badge
- serif/sans headline mix
- glass CTA
- rotating star

## Dependencies

- None listed

## Available Resources

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

## Prompt Structure

- Overview & Rules
- Header & Nav
- Hero Section
- Liquid Background
- Product Slider

## 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, SaaS, Glassmorphism, WebGL, Slider, Dark

## Links

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