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.

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