# Glass Halo

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

## Summary

Light glassmorphism hero with rotating color blobs, frosted glass strips, noise texture overlay, glass eyebrow badge, text-flip CTA hover, star rating, and a perspective-tilted browser mockup that reveals on scroll via GSAP ScrollTrigger.

## Best For

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

## Features

- Light glassmorphism hero
- rotating color blobs
- frosted glass strips
- noise texture overlay
- glass eyebrow badge
- text-flip CTA hover
- star rating
- and a perspective-tilted browser mockup that reveals on scroll via GSAP ScrollTrigger

## Dependencies

- gsap
- ScrollTrigger
- SplitText

## Available Resources

- Prompt, code, and bundle: Available on the component page for logged-in users with free access.
- 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, Figma Make, and 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

SaaS, Glassmorphism, Hero, Light, GSAP

## Links

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