Fractal Glass Effect

About this Component

Transform your designs with Fractal Glass, a versatile background component that brings the elegant reeded glass effect to life. This component creates beautiful vertical, horizontal, or grid-based distortion patterns that add depth and visual interest to any layout.

Key Features

Multiple Pattern Modes

• Columns: Classic vertical reeded glass stripes

• Rows: Horizontal fluted glass effect

• Grid: Multi-directional glass tile pattern

Fully Customizable

• Adjust column and row density (2-50 elements)

• Control blur intensity for subtle or dramatic effects

• Fine-tune opacity levels

• Apply custom glass tint colors

• Choose from 6 blend modes (overlay, soft-light, screen, etc.)

Optimized Performance

• Uses CSS backdrop filters for authentic glass effects

• Lightweight rendering with memoized elements

• Works seamlessly as overlay or background layer

Perfect For

• Hero sections with glassmorphism aesthetics

• Card overlays and modals

• Loading states and skeleton screens

• Premium landing pages

• Product showcases

• Portfolio backgrounds