Broken Panel
A dark, atmospheric shader effect featuring a central glass morphism element with a complex SVG-based shape. The composition displays a black background (#000000) with a frosted glass component at the center that has a magenta highlight color (#ef40ff) creating luminous edges. Within and around the glass shape, diagonal falling lines animate from upper-left to lower-right, transitioning between magenta (#f21cd2) and pale yellow (#cdd68c) colors with a 0.25 speed creating a sense of motion. The pixelation effect (scale 50) creates a blocky, retro-digital aesthetic that breaks up the smooth glass surfaces into discrete square units. A dither pattern with white (#ffffff) adds fine-grain noise texture across the composition. Below the main glass element, a reflective plane effect creates a blurred mirror reflection with significant blur (4.7) and falloff (1.91), stretching the reflection downward with reduced opacity to create depth. The overall mood is cyberpunk and ethereal, combining glossy glass refraction properties with digital degradation effects. The fresnel effect is minimal (0), but the highlight intensity (0.8) creates bright spots on the glass edges. The composition uses normal blend modes throughout with consistent alpha masking, creating a layered, translucent appearance.
Usage
The preset as a Vue component. Paste it into a page, or open it in the editor to change it first.
Related Presets
See all- Broken Panel 2
A dark, atmospheric shader effect dominated by a pure black background (#000000) with a glass morphism component featuring a complex SVG shape outline. The glass element has a subtle white tint with golden-amber highlights (#ffc15c) creating a luminous edge effect around the geometric shape. Within the glass container, falling lines animate diagonally with a gradient transitioning between golden-yellow (#dfc61e) and pink (#f06383), creating a sense of motion and energy. The pixelation effect (scale 50) creates a blocky, retro digital aesthetic that overlays the falling lines, giving them a chunky, low-resolution appearance. A reflective plane at the bottom creates a blurred mirror effect with significant falloff, extending the visual depth downward. The dither pattern with a bayer2 algorithm adds subtle noise texture throughout. The overall mood is cyberpunk and futuristic, with a strong emphasis on glass-like transparency, neon-colored motion elements, and digital degradation. The composition uses centered alignment with the glass shape occupying the upper-middle portion of the frame, while the reflective plane extends below, creating vertical visual balance.

- Broken Panel 3
A dark, atmospheric shader effect dominated by a pure black background (#000000) with glowing magenta and purple elements scattered throughout. The composition features a glass morphism effect with a pixelated overlay creating a retro-digital aesthetic. Vertical falling lines in vibrant magenta (#f808ff) and deep purple (#7c18f3) cascade downward at a 90-degree angle with a speed of 0.25, creating a sense of motion and energy. Two prominent pixelated square blocks in bright magenta appear in the upper-left and center-left areas, rendered with a 50-scale pixelation effect. Additional smaller magenta geometric shapes and fragments are distributed across the composition, including a triangular form on the right side and circular glowing orbs at the bottom center. A reflective plane effect at the base creates a subtle mirrored distortion with a 4.7 blur and 0.59 distance, producing a glass-like reflection that grounds the floating elements. The overall mood is cyberpunk and neon-inspired, with high contrast between the dark background and luminous purple-magenta accents. A dither pattern with a bayer2 algorithm adds subtle noise texture throughout, enhancing the digital, low-resolution aesthetic. The glass component's highlight color (#ca66ff) creates subtle pink-purple reflective accents on the geometric shapes.

- Broken Panel 4
A dark, minimalist shader effect dominated by a pure black background (#000000) with high contrast elements. The composition features a central glass morphism component with a subtle geometric shape outlined in thin orange/red lines. Within this glass element, there are falling diagonal lines in red (#ff0303) and orange (#f2871d) colors moving at a slow speed (0.25) at approximately 201 degrees angle, creating a sense of controlled motion against the dark void. The glass component has a refraction value of 2 with a highlight color of #ff4055 (bright red-pink), creating subtle light reflections and edge definition. A pixelation effect (scale 50) is applied to the glass layer, giving it a blocky, digital aesthetic. Below the main glass element, a reflective plane creates a mirrored effect with significant blur (4.7) and falloff (1.91), extending approximately 75% of the composition height and creating a sense of depth and reflection. A dither pattern overlay using a bayer2 pattern adds subtle texture and grain throughout. The overall mood is cyberpunk-inspired with a focus on geometric precision, digital artifacts, and a stark contrast between the absolute black background and the warm orange-red accent colors. The effect suggests motion, technology, and a sense of digital decay or digital rain.

- Broken Panel 5
A dark, high-tech interface displayed against a pure black background. The composition features a central glass-morphism panel with a subtle rectangular outline at the top containing a small blue pixelated grid pattern. Below this is a prominent bright green square element positioned in the middle of the frame, serving as a focal point. The glass panel exhibits a purple-tinted highlight effect (#9040ff) along its edges, creating a luminous border. Falling green lines (#35e947) cascade downward through the glass component with a slight diagonal angle, creating a digital rain effect with varying speeds and trail lengths. The entire scene is overlaid with a dithering pattern using a bayer2 algorithm, adding a grainy, retro-digital texture. At the bottom of the frame, a reflective plane effect creates a blurred mirror image of the green element, with significant blur (4.7) and falloff distance (1.91), producing a glowing reflection that fades into the darkness. The overall aesthetic is cyberpunk/sci-fi with neon green accents against deep blacks and subtle purple highlights, creating a sense of depth and technological sophistication.

- Broken Panel 6
A sleek, modern shader effect displaying three stacked rounded rectangular containers against a pure black background. The composition features a glass morphism aesthetic with frosted glass panels outlined in cyan/turquoise borders. Inside each container, pixelated blocks of color are arranged horizontally - combinations of coral/salmon red (#ff6440), light green (#0affd2), tan/beige, and cyan tones create a retro-digital aesthetic. The glass components have a subtle refractive quality with highlights in bright cyan (#40fff9). Falling diagonal lines in coral and cyan colors stream through the glass at approximately 234 degrees, creating motion and energy. A reflective plane beneath the containers creates a soft, blurred mirror effect with falloff, suggesting depth and dimensionality. The overall mood is cyberpunk-inspired with a blend of retro pixel art and contemporary glass UI design. Fine dithering patterns add texture and visual noise throughout. The pixelation effect (scale 50) gives the colored blocks a chunky, 8-bit video game quality, while the glass blur and refraction parameters create a sophisticated, layered depth effect.

- Broken Panel 7
A dark, high-contrast shader effect displaying a glowing green geometric shape against a pure black background. The central element is a glass-like component with a complex SVG-based shape rendered at 65% scale, featuring bright lime-green highlights (#4dff40) that create a neon glow effect. The shape appears to be pixelated with a scale of 50, creating a blocky, retro-digital aesthetic. Overlaid on the glass component are diagonal falling lines in bright green (#43df20 to #4ebe24) moving at a slow speed (0.25) at a 58-degree angle, creating a cascading matrix-like effect. The lines have a trail length of 0.15 and a stroke width of 0.76, producing thin streaks of light. A reflective plane effect at the bottom creates a subtle mirrored distortion with 4.7 blur and 0.59 distance falloff, suggesting depth and reflection. A dither pattern with bayer2 algorithm and 2-pixel size adds subtle noise texture throughout. The overall atmosphere is cyberpunk and digital, with a glass refraction effect (refraction value of 2) creating subtle light bending around the shape edges. The highlight color (#4dff40) dominates the visual with 0.8 intensity, creating a strong neon appearance. Edge softness of 0.2 provides slight anti-aliasing to the sharp geometric forms.
