Fractal Glass Effect
Premium reeded glass effect with customizable patterns. Add stunning glassmorphism depth to your Framer designs with columns, rows, or grid layouts.
Made with Workshop
Build your own component with AI
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
