Hex Path
A sophisticated neon-lit hexagonal grid pattern dominates the center of the composition against a deep black background. The hexagons feature bright cyan and light-blue glowing edges that create a luminous wireframe effect. The grid consists of approximately 8-cell density with varying line thickness, creating a sense of depth and dimensionality. A radial gradient background transitions from dark navy blue (#121221) at the edges to pure black (#080808) at the center, establishing atmospheric depth. Ripple effects with soft blue tones (#052b69) flow across the hexagonal structure, creating subtle wave-like distortions that suggest motion and energy. A chromatic flow effect adds directional color gradients - cyan (#00c3ff) at the top, transitioning through blue (#5d9bf5, #2633ff) to purple (#570aff) on the left and lighter blue (#7d7dfa) on the right, creating a multi-directional color gradient that enhances the three-dimensional appearance. A prominent glow effect with high intensity (21) radiates outward from the bright edges, creating a soft halo and bloom effect typical of neon lighting. The overall atmosphere is futuristic and technological, with a cool color temperature dominated by blues and cyans. Fine film grain texture (0.05 strength) adds subtle noise for visual interest. The composition suggests a digital network, circuit board, or technological interface with interactive elements.
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- Hex Path 2
A dark, futuristic shader effect featuring a hexagonal grid pattern as the primary structural element. The hexagons are arranged in a honeycomb formation across the canvas, with varying line thicknesses that create a sense of depth and dimensionality. The grid lines glow with neon colors - predominantly bright green (#1fff4c) and vibrant purple/magenta (#dd00ff, #570569) - creating a striking contrast against the nearly black background. The hexagons appear to follow a vertical axis with enhanced brightness in the center, suggesting a focal point of interaction. A radial gradient background transitions from deep purple-black (#1f1221) at the edges to pure black (#080808) toward the center, establishing atmospheric depth. Ripple effects with purple coloration (#570569) appear to emanate from or interact with the hex grid, creating wave-like distortions. A ChromaFlow effect adds directional color bleeding with magenta, purple, and green hues that follow the grid structure. The entire composition is enhanced with a strong glow effect (intensity: 21) that creates halos around the bright neon lines, making them appear to emit light. Fine film grain adds subtle texture and visual noise. The overall mood is cyberpunk and technological, with a sense of dynamic energy and interactivity, as if responding to mouse movement with momentum-based smoothing.

- Hex Path 3
A dark, sophisticated shader effect featuring a hexagonal grid pattern as the central focal point. The hexagons are arranged in a roughly rectangular cluster in the center of the composition, with the innermost hexagons glowing bright white (#ffffff) and gradually transitioning to golden-amber tones (#ffb300, #ffb726, #ffde0a) as they extend outward. The hexagons have luminous white outlines that create a neon-like appearance. The background is nearly black (#080808 to #211a12) with a subtle radial gradient that darkens toward the edges, creating depth. Concentric ripple patterns in warm brown (#854f04) emanate from the center, creating subtle wave distortions across the hex grid. A soft glow effect amplifies the brightness of the white and golden hexagons, creating a halo-like luminescence around the central cluster. The overall atmosphere is sleek and technological, with warm golden accents contrasting against the cool darkness. Film grain texture is subtly applied across the entire composition, adding a slight organic quality to the otherwise digital aesthetic. The effect suggests energy or data flow concentrated at the center, with the hexagonal structure implying honeycomb-like organization or network connectivity.

- Hex Path 4
A dark, sophisticated shader effect featuring a hexagonal grid pattern as the primary structural element. The hexagons are arranged in a regular tessellation across the entire canvas, with their outlines rendered in warm golden-orange tones (#ffcc00, #ff8a00, #ffd97a). The grid lines gradually brighten from left to right, creating a directional lighting effect that suggests illumination from the upper-right portion of the image. The background is predominantly black (#080808) with subtle warm brown undertones (#2a1408) that create depth through a radial gradient emanating from the bottom-center. The hexagon outlines vary in thickness, with thicker, more luminous lines concentrated in the upper-right quadrant, gradually fading to thinner, dimmer lines toward the left and bottom edges. A soft glow effect radiates from the brighter hexagon lines, creating a halo-like luminescence around the illuminated cells. The overall atmosphere is technological and elegant, with a warm color temperature dominated by golden yellows and burnt oranges against the deep black background. Film grain texture is subtly applied across the entire composition, adding a slight grittiness and analog quality to the otherwise digital aesthetic. The effect suggests either a heat map visualization, a futuristic interface, or an abstract representation of energy distribution across a honeycomb structure.

- Hex Path 5
A sophisticated hexagonal grid shader effect displayed against a dark background. The composition features a central cluster of illuminated hexagons with a warm yellow-to-orange gradient that transitions outward to cyan-green tones at the edges. The hexagonal cells vary in brightness intensity, creating a radial glow pattern emanating from the center. The grid structure is overlaid with dynamic chromatic flow effects that produce color separation along directional axes - warm orange and red tones flowing upward and rightward, while cyan and teal tones appear on the right edge. A subtle ripple effect with soft cyan coloration masks through the hexagon geometry, creating wave-like distortions. The background features a radial gradient transitioning from a dark teal-blue (#0a1f24) at the upper right to near-black (#080808) at the lower left, establishing atmospheric depth. The entire composition is enhanced with a pronounced glow effect that creates halos around the bright hexagonal elements, with intensity set to maximum (21), producing a luminous, almost neon-like quality. A fine film grain texture is subtly applied across the entire image, adding subtle noise and texture. The overall mood is technological and energetic, with a cyberpunk aesthetic. The hexagons themselves have varying stroke thickness controlled by a mouse-position-based circular mask, creating interactive responsiveness to cursor movement with momentum and smoothing applied.

- Hex Path 6
A dark, atmospheric shader effect featuring a hexagonal grid pattern as the primary visual element. The hexagons are rendered with glowing neon outlines in magenta and purple tones, creating a geometric honeycomb structure that extends across the composition. The grid lines vary in thickness and intensity, with brighter, more saturated colors concentrated in the upper right and center areas, gradually fading to darker, more subtle outlines toward the edges. The background is predominantly black with a radial gradient that transitions from a deep burgundy-black (#1a0a14) at the center to pure black (#080808) at the edges, creating depth and dimension. Ripple effects with soft magenta coloration (#7a0a3d) flow through the hexagonal structure, adding dynamic wave-like distortions that interact with the grid. A chromatic flow effect adds directional color shifts with magenta (#ff2a6d), purple (#9812ff), and pink (#c41858) hues that respond to spatial positioning. The entire composition is enhanced with a strong glow effect that creates halos around the brightest grid lines, intensifying the neon aesthetic. A subtle film grain texture overlays the entire image, adding organic noise and reducing the digital sterility. The overall mood is cyberpunk and futuristic, with an interactive quality suggested by the mouse-position-based circle component that influences the grid thickness mapping. The effect creates a sense of depth, energy, and technological sophistication.

- Hex Path 7
A futuristic digital interface featuring a hexagonal grid pattern with cyan/turquoise glowing edges arranged in a rectangular formation against a dark background. The hexagons have bright cyan (#19ffff) outlines with varying thickness, creating a luminous neon effect. The grid is centered in the composition with approximately 8x8 cells. Behind the grid, there's a radial gradient background transitioning from a dark forest green (#0a2418) at the top to nearly black (#050a07) at the edges, creating depth. Ripple effects with green tones (#1f5e3d) emanate from the top center, creating subtle wave patterns that interact with the hexagonal structure. A chromatic flow effect adds directional color shifts with greens (#3fa86a, #5cc47e, #7fe8a3) and cyan accents flowing through the grid. The entire composition has a strong glow effect with high intensity (21), causing the bright cyan lines to bloom and create halos around the hexagon edges. A subtle film grain texture overlays the entire image, adding a slight noise pattern. The overall mood is technological, cybernetic, and ethereal, with a cool color temperature dominated by cyan and green hues against deep dark backgrounds. The effect suggests a digital network, data visualization, or advanced technological interface.
