[{"data":1,"prerenderedAt":158},["ShallowReactive",2],{"user-pro-status-data":3,"collection-ribbon-flows":6},{"isPro":4,"error":5},false,"Not authenticated",{"id":7,"name":8,"slug":9,"sort_order":10,"is_visible":11,"created_at":12,"updated_at":13,"variation_guide":14,"tags":15,"notes":16,"presets":17,"variant_count":146},"5e523f88-ad6a-4df5-8e8a-cbdf842ba971","Ribbon Flows","ribbon-flows",13,true,"2026-04-13T02:29:39.024349+00:00","2026-04-13T02:33:37.548+00:00","**Variation Guide for \"Ribbon Flows\":**\n\nTo create new variants, primarily adjust the **DiamondGradient**'s `colorA` and `colorB` values to establish a new two-tone palette (warm pairs like peach-to-orange, cool pairs like blue-to-teal, or high-contrast pairs like yellow-to-purple), and switch `colorSpace` between `hsl` (smoother hue transitions for analogous colors) and `oklab` (more perceptually uniform for high-contrast or complementary pairs). Shift the DiamondGradient's `center` origin (`originX`, `originY`) to reposition where the diamond radiates from (center, bottom-left, bottom-right, upper-left, etc.), which changes the composition's focal point and how mouse interaction feels. Vary the **SineWave**'s `angle` (28°–196° seen here) and `position` to alter the direction and spatial offset of the wave-driven rotation distortion pattern across the diamond, and optionally reduce **FilmGrain** `strength` (e.g., from 0.3 to 0.1) for cleaner, darker palettes.",[],null,[18,35,52,67,83,99,115,129,144],{"id":19,"collection_id":7,"variant_order":20,"thumbnail_url":21,"visual_description":22,"primary_colors":23,"color_hex_codes":27,"created_at":32,"updated_at":33,"generated_title":34},"102940c9-3829-4b29-8408-83739b3cbe12",1,"https://data.shaders.com/storage/v1/object/sign/shader-thumbnails/presets/bec9d6ec-58ab-4819-afd4-0278b1b36082.jpg?token=eyJraWQiOiJzdG9yYWdlLXVybC1zaWduaW5nLWtleV8wZWYyOGU2OS01ZmEyLTRlNGUtOWEwYS0xMGU5MGE5ODM1MDAiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJzaGFkZXItdGh1bWJuYWlscy9wcmVzZXRzL2JlYzlkNmVjLTU4YWItNDgxOS1hZmQ0LTAyNzhiMWIzNjA4Mi5qcGciLCJpYXQiOjE3NzYwNDczNzgsImV4cCI6MTgwNzU4MzM3OH0.muJPQedsR466DstwAV1mxpvr7hhDi0-NGJCMRVXv5J4","A warm orange abstract background featuring smooth, flowing wave-like curves that sweep diagonally from the lower-left toward the upper-right area. The center-left region contains a bright, luminous area where the color transitions from a soft peach/cream tone to deeper saturated orange toward the edges. The diamond gradient creates a radial light source effect with its center appearing as a warm pale peach (#f7d4bc) that smoothly blends into a deep burnt orange (#f04700) at the periphery. The rotation of this diamond gradient is dynamically mapped from a hidden sine wave component, creating the organic flowing distortion visible as silky fabric-like undulations across the surface. The sine wave, though invisible, modulates the diamond gradient's rotation angle based on its alpha channel, producing the characteristic curved light streaks and shadow valleys that give the image its satin cloth appearance. A subtle film grain overlay at 30% strength adds fine texture and a slightly analog quality to the otherwise smooth gradients. The overall effect resembles draped silk or satin fabric illuminated by warm light, with gentle folds creating highlights and shadows. The color interpolation uses HSL color space, producing smooth and natural transitions through warm tones without muddy intermediate colors. The composition feels elegant and luxurious with its flowing organic forms against the rich orange palette.",[24,25,26],"orange","tan","white",[28,29,30,31],"#f04700","#f7d4bc","#e8753a","#f5a070","2026-04-13T02:29:39.141855+00:00","2026-04-13T02:29:39.732+00:00","Ribbon Flows 1",{"id":36,"collection_id":7,"variant_order":37,"thumbnail_url":38,"visual_description":39,"primary_colors":40,"color_hex_codes":44,"created_at":49,"updated_at":50,"generated_title":51},"2b6b8763-feb4-40a6-8e0e-d268f52e54b5",2,"https://data.shaders.com/storage/v1/object/sign/shader-thumbnails/presets/2b6b8763-feb4-40a6-8e0e-d268f52e54b5.jpg?token=eyJraWQiOiJzdG9yYWdlLXVybC1zaWduaW5nLWtleV8wZWYyOGU2OS01ZmEyLTRlNGUtOWEwYS0xMGU5MGE5ODM1MDAiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJzaGFkZXItdGh1bWJuYWlscy9wcmVzZXRzLzJiNmI4NzYzLWZlYjQtNDBhNi04ZTBlLWQyNjhmNTJlNTRiNS5qcGciLCJpYXQiOjE3NzYwNDc0NTksImV4cCI6MTgwNzU4MzQ1OX0.UFeSDPhHQf6FkXjqQ-BlNNwrG1M48sY3ixCJRdqZ-Yw","A smooth, silky abstract gradient background dominated by soft teal and light blue tones. The composition features flowing, wave-like curves that sweep diagonally from the lower-left toward the upper-right, creating the appearance of draped satin or silk fabric. The brightest area is a soft, diffused light blue glow positioned slightly left of center, gradually transitioning to darker muted teal-gray tones at the edges, particularly in the upper-right and lower-right corners. The wave forms create subtle highlights along their ridges where the color lightens to near-white, and gentle shadows in the valleys where the teal deepens. A diamond gradient provides the underlying color distribution, with the rotation dynamically mapped from a hidden sine wave component, creating the organic flowing distortion pattern. A fine film grain texture is overlaid across the entire image at moderate strength, adding a subtle analog texture that prevents the gradient from appearing too digitally smooth. The overall mood is calm, serene, and elegant, reminiscent of underwater light or smooth fabric folds. The color palette stays within a narrow cool range from light sky blue to muted sage-teal.",[41,42,43],"light-blue","cyan","gray",[45,46,47,48],"#98cfeb","#467c87","#7fb5c4","#8aabb5","2026-04-13T02:30:58.641064+00:00","2026-04-13T02:30:59.469+00:00","Ribbon Flows 2",{"id":53,"collection_id":7,"variant_order":54,"thumbnail_url":55,"visual_description":56,"primary_colors":57,"color_hex_codes":59,"created_at":64,"updated_at":65,"generated_title":66},"fa4111b5-3a8b-43ee-b76f-2f27d4340e18",3,"https://data.shaders.com/storage/v1/object/sign/shader-thumbnails/presets/fa4111b5-3a8b-43ee-b76f-2f27d4340e18.jpg?token=eyJraWQiOiJzdG9yYWdlLXVybC1zaWduaW5nLWtleV8wZWYyOGU2OS01ZmEyLTRlNGUtOWEwYS0xMGU5MGE5ODM1MDAiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJzaGFkZXItdGh1bWJuYWlscy9wcmVzZXRzL2ZhNDExMWI1LTNhOGItNDNlZS1iNzZmLTJmMjdkNDM0MGUxOC5qcGciLCJpYXQiOjE3NzYwNDc0ODUsImV4cCI6MTgwNzU4MzQ4NX0.rvrHJGx83rJIbNqGaJZKpO5LpQWl9HYPcNigHWDARRY","A warm, fiery abstract gradient composition dominated by deep red-orange and golden amber tones. The background is a rich vermillion-red that covers most of the canvas, particularly the right side and upper portions. From the lower-left corner, a warm golden-orange glow emanates, creating a smooth radial-like gradient transition. Sweeping through the center of the image are elegant, flowing curved lines - soft luminous streaks that arc from the lower-left upward and to the right, resembling silk fabric folds or flame tendrils. These curves have a subtle lighter orange-peach highlight along their edges, giving them a three-dimensional, satin-like quality. The diamond gradient shape is stretched and rotated dynamically, with its rotation mapped to a hidden sine wave component, creating the organic curved distortion pattern. The overall composition has a fine film grain texture overlaid at moderate strength, adding a subtle analog, tactile quality to the smooth gradients. The mood is warm, intense, and luxurious - reminiscent of molten lava, sunset light through silk, or abstract flame photography. The color transition from golden amber in the lower-left to deep scarlet-red across the rest creates strong visual warmth and depth.",[58,24,25],"red",[60,61,62,63],"#de2a19","#f4509d","#e8752f","#d4943a","2026-04-13T02:31:25.500526+00:00","2026-04-13T02:31:26.328+00:00","Ribbon Flows 3",{"id":68,"collection_id":7,"variant_order":69,"thumbnail_url":70,"visual_description":71,"primary_colors":72,"color_hex_codes":75,"created_at":80,"updated_at":81,"generated_title":82},"9cd5060f-8541-4c36-87c3-98eaad02b4cd",4,"https://data.shaders.com/storage/v1/object/sign/shader-thumbnails/presets/9cd5060f-8541-4c36-87c3-98eaad02b4cd.jpg?token=eyJraWQiOiJzdG9yYWdlLXVybC1zaWduaW5nLWtleV8wZWYyOGU2OS01ZmEyLTRlNGUtOWEwYS0xMGU5MGE5ODM1MDAiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJzaGFkZXItdGh1bWJuYWlscy9wcmVzZXRzLzljZDUwNjBmLTg1NDEtNGMzNi04N2MzLTk4ZWFhZDAyYjRjZC5qcGciLCJpYXQiOjE3NzYwNDc1MTYsImV4cCI6MTgwNzU4MzUxNn0.GK2WdFUsLiRfL-RjpljU2b7W1QPGWa-zuzsmnUd0UU8","A rich deep purple-violet background dominates the left side of the image, transitioning into a luminous white-yellow glow on the right-center area. Flowing sine wave curves create elegant, smooth ribbon-like forms that sweep diagonally from the lower-left toward the upper-right. These wave forms appear as translucent, softly glowing white-lavender bands with subtle shading that gives them a silky, three-dimensional appearance against the deep purple backdrop. The diamond gradient creates a radial light source effect centered in the right portion, blending from a warm pale yellow-cream at its brightest point through soft lavender into the deep violet-purple of the background. The color transition uses perceptually smooth OKLab interpolation, creating natural-looking gradients. A fine film grain texture overlays the entire composition at moderate strength, adding a subtle organic noise that prevents the gradients from appearing too digitally smooth. The overall mood is ethereal, serene, and slightly mystical, reminiscent of flowing silk fabric illuminated by soft light. The wave's rotation is dynamically mapped from the hidden sine wave's alpha channel, creating organic angular variation in the diamond gradient's orientation.",[73,26,41,74],"purple","yellow",[76,77,78,79],"#470e92","#edf0bd","#6633cc","#c8c0e8","2026-04-13T02:31:56.480175+00:00","2026-04-13T02:31:57.292+00:00","Ribbon Flows 4",{"id":84,"collection_id":7,"variant_order":85,"thumbnail_url":86,"visual_description":87,"primary_colors":88,"color_hex_codes":91,"created_at":96,"updated_at":97,"generated_title":98},"be3ac01a-ddcd-43ef-bddf-9149573b2665",5,"https://data.shaders.com/storage/v1/object/sign/shader-thumbnails/presets/be3ac01a-ddcd-43ef-bddf-9149573b2665.jpg?token=eyJraWQiOiJzdG9yYWdlLXVybC1zaWduaW5nLWtleV8wZWYyOGU2OS01ZmEyLTRlNGUtOWEwYS0xMGU5MGE5ODM1MDAiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJzaGFkZXItdGh1bWJuYWlscy9wcmVzZXRzL2JlM2FjMDFhLWRkY2QtNDNlZi1iZGRmLTkxNDk1NzNiMjY2NS5qcGciLCJpYXQiOjE3NzYwNDc1NDksImV4cCI6MTgwNzU4MzU0OX0.YyY1eKkuMw9tEBeeoF3sKdPX_w_NZkUa2JpTsFv_uYE","A deep, moody abstract composition dominated by dark navy blue tones with a soft violet-purple glow emanating from the upper-left quadrant. The centerpiece is a flowing, silk-like wave form that sweeps diagonally across the image from the lower-left toward the upper-right. This wave has a subtle luminous quality with soft highlights catching along its ridges, creating the appearance of draped satin fabric. The wave is generated by a DiamondGradient whose rotation is dynamically mapped from a hidden SineWave component's alpha channel, creating the smooth undulating fabric-like distortion. The diamond gradient transitions from a medium purple (#726df3) at its center to a very dark navy (#01122a) at its edges, with the center positioned in the upper-left area creating the violet glow hotspot. The gradient uses oklab color space for smooth perceptual blending. The overall atmosphere is extremely dark, with most of the lower-right portion falling into near-black territory. A subtle film grain overlay adds fine texture and analog character across the entire surface, preventing the gradients from appearing too digitally smooth. The grain strength is light at 0.1 opacity. The composition evokes a sense of luxury, depth, and quiet elegance, reminiscent of dark silk fabric illuminated by a single soft purple light source.",[89,73,90],"dark-blue","black",[92,93,94,95],"#726df3","#01122a","#1a1a4a","#0a0a1a","2026-04-13T02:32:07.105939+00:00","2026-04-13T02:32:29.636+00:00","Ribbon Flows 5",{"id":100,"collection_id":7,"variant_order":101,"thumbnail_url":102,"visual_description":103,"primary_colors":104,"color_hex_codes":107,"created_at":112,"updated_at":113,"generated_title":114},"81b80314-328e-406f-93b7-1de548f6c7f6",6,"https://data.shaders.com/storage/v1/object/sign/shader-thumbnails/presets/81b80314-328e-406f-93b7-1de548f6c7f6.jpg?token=eyJraWQiOiJzdG9yYWdlLXVybC1zaWduaW5nLWtleV8wZWYyOGU2OS01ZmEyLTRlNGUtOWEwYS0xMGU5MGE5ODM1MDAiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJzaGFkZXItdGh1bWJuYWlscy9wcmVzZXRzLzgxYjgwMzE0LTMyOGUtNDA2Zi05M2I3LTFkZTU0OGY2YzdmNi5qcGciLCJpYXQiOjE3NzYwNDc1NzMsImV4cCI6MTgwNzU4MzU3M30.vk_eA0Wzom9DAmdzX_mbJe8P4RrMLKCJSD4HvHfLwK0","A soft, ethereal gradient background dominated by pale mint green tones. The composition features a diamond-shaped gradient at its core, transitioning from a warm cream-white center (#fcf7e3) to a muted sage green (#a6dbb2) at the edges. The diamond gradient's rotation is dynamically mapped from a hidden sine wave component, creating subtle organic warping and flowing curved distortions across the surface. This produces gentle, sweeping S-curve wave patterns visible as lighter and darker undulations running roughly vertically through the image, particularly noticeable on the left side where soft translucent wave-like ridges create a silk or satin fabric appearance. The center-left area glows with a warm, pale yellowish-white light that gradually fades into the surrounding mint green. The right side is more uniformly green with subtle tonal variation. A very light film grain overlay (10% strength) adds a fine organic texture across the entire image, preventing it from looking too digitally smooth. The overall mood is calm, fresh, and serene — reminiscent of soft morning light filtering through sheer green curtains. The color palette stays within a narrow range of pastel greens and warm whites, creating a gentle, low-contrast composition with no harsh edges or strong focal points.",[105,26,106],"light-green","green",[108,109,110,111],"#a6dbb2","#fcf7e3","#b8e4c0","#c5e8cd","2026-04-13T02:32:53.218577+00:00","2026-04-13T02:32:54.021+00:00","Ribbon Flows 6",{"id":116,"collection_id":7,"variant_order":117,"thumbnail_url":118,"visual_description":119,"primary_colors":120,"color_hex_codes":121,"created_at":126,"updated_at":127,"generated_title":128},"f56452c5-0306-4ad2-95d0-cd760d854c1a",7,"https://data.shaders.com/storage/v1/object/sign/shader-thumbnails/presets/f56452c5-0306-4ad2-95d0-cd760d854c1a.jpg?token=eyJraWQiOiJzdG9yYWdlLXVybC1zaWduaW5nLWtleV8wZWYyOGU2OS01ZmEyLTRlNGUtOWEwYS0xMGU5MGE5ODM1MDAiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJzaGFkZXItdGh1bWJuYWlscy9wcmVzZXRzL2Y1NjQ1MmM1LTAzMDYtNGFkMi05NWQwLWNkNzYwZDg1NGMxYS5qcGciLCJpYXQiOjE3NzYwNDc5NjEsImV4cCI6MTgwNzU4Mzk2MX0.RgNaA4wpJ-UNwZi5yb1-huMZdTwkBaddsX64fX7U2Wg","A rich abstract gradient composition dominated by deep purple and warm golden-yellow tones. The background is a saturated violet-purple that covers most of the canvas, particularly the left side and lower portions. From the upper-right area, a luminous golden-yellow light source radiates outward, creating a warm glow that transitions smoothly through lavender and mauve intermediary tones as it blends into the purple. Sweeping curved wave-like forms flow diagonally across the image from the upper-center toward the lower-left, created by a diamond gradient whose rotation is dynamically mapped from a hidden sine wave component. These curves appear as soft, translucent ribbons of light with golden-cream highlights against the purple field, giving a sense of flowing silk or aurora-like luminescence. The sine wave mapping creates organic, undulating distortions in the gradient rotation, producing multiple parallel curved streaks with varying intensity. A subtle film grain texture overlays the entire composition at 20% strength, adding a tactile, analog quality that prevents the gradients from appearing too digitally smooth. The color interpolation uses OKLab color space, resulting in perceptually smooth and natural transitions between the golden amber and deep purple without muddy intermediate tones. The overall mood is elegant, ethereal, and luxurious, evoking a sense of flowing energy or cosmic radiance.",[73,74,25],[122,123,124,125],"#7b1fa2","#ffd54f","#9b59b6","#c9a0dc","2026-04-13T02:39:21.230319+00:00","2026-04-13T02:39:21.962+00:00","Ribbon Flows 7",{"id":130,"collection_id":7,"variant_order":131,"thumbnail_url":132,"visual_description":133,"primary_colors":134,"color_hex_codes":136,"created_at":141,"updated_at":142,"generated_title":143},"370028af-3118-481e-b9b8-322063ea7c80",8,"https://data.shaders.com/storage/v1/object/sign/shader-thumbnails/presets/370028af-3118-481e-b9b8-322063ea7c80.jpg?token=eyJraWQiOiJzdG9yYWdlLXVybC1zaWduaW5nLWtleV8wZWYyOGU2OS01ZmEyLTRlNGUtOWEwYS0xMGU5MGE5ODM1MDAiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJzaGFkZXItdGh1bWJuYWlscy9wcmVzZXRzLzM3MDAyOGFmLTMxMTgtNDgxZS1iOWI4LTMyMjA2M2VhN2M4MC5qcGciLCJpYXQiOjE3NzYwNDc5NjksImV4cCI6MTgwNzU4Mzk2OX0.giy7wGj11YBe7SyAKtn9AkvNClzFMdeZVpuzm7nKMPk","A soft, ethereal abstract gradient composition dominated by muted steel blue and lavender tones. The background is a cool desaturated blue (#5a7c9e range) that fills most of the canvas. A luminous, pale lavender-white glow emanates from the upper-center area, creating a diamond-shaped gradient that transitions smoothly from light pinkish-lavender (#c4b8d9) at its brightest point to the surrounding steel blue. The diamond gradient's rotation is dynamically mapped from a hidden sine wave component, creating subtle organic curvature in the gradient's shape. Sweeping, translucent curved lines arc from the upper-left area downward and to the right, resembling caustic light refractions or silk fabric folds. These curves appear as slightly lighter streaks against the blue background, with very soft edges and gentle luminosity. The overall composition has a calm, meditative quality with a glass-like or water surface aesthetic. A subtle film grain texture is overlaid across the entire image at 15% strength, adding a fine analog texture that prevents the gradients from appearing too digitally smooth. The color palette stays within a narrow cool range, creating a cohesive, serene atmosphere reminiscent of frosted glass or calm water surfaces illuminated by diffused light.",[41,135,73,26],"blue",[137,138,139,140],"#5a7c9e","#c4b8d9","#8a9db5","#e8dff0","2026-04-13T02:39:29.072298+00:00","2026-04-13T02:39:29.805+00:00","Ribbon Flows 8",{"id":145,"collection_id":7,"variant_order":146,"thumbnail_url":147,"visual_description":148,"primary_colors":149,"color_hex_codes":150,"created_at":155,"updated_at":156,"generated_title":157},"35fb093c-10fb-46b4-a38c-16bd9c9607d1",9,"https://data.shaders.com/storage/v1/object/sign/shader-thumbnails/presets/35fb093c-10fb-46b4-a38c-16bd9c9607d1.jpg?token=eyJraWQiOiJzdG9yYWdlLXVybC1zaWduaW5nLWtleV8wZWYyOGU2OS01ZmEyLTRlNGUtOWEwYS0xMGU5MGE5ODM1MDAiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJzaGFkZXItdGh1bWJuYWlscy9wcmVzZXRzLzM1ZmIwOTNjLTEwZmItNDZiNC1hMzhjLTE2YmQ5Yzk2MDdkMS5qcGciLCJpYXQiOjE3NzYwNDc5ODAsImV4cCI6MTgwNzU4Mzk4MH0.CyBLWpRPYLA3T9XCqnxFtMAU20j4mUY5KnSBFyh3d6I","A rich purple-to-yellow abstract gradient composition featuring flowing sine wave-like luminous streaks. The background is a deep violet/purple (#6b0fa3) that dominates the upper-left, upper-right, and lower portions of the image. A bright golden-yellow (#ffe633) glow emanates from the lower-center of the image, creating a diamond-shaped gradient that blends smoothly into the purple through soft lavender transitional tones. Multiple semi-transparent white/cream flowing wave lines sweep diagonally from the lower-left toward the upper-right, creating an elegant sense of motion and fluidity. These waves have soft edges and varying opacity, giving them a silky, ethereal quality. The sine wave component, while set to invisible, drives the rotation mapping of the diamond gradient, creating the organic warping effect in the color transition. A subtle film grain texture overlays the entire composition at low strength (0.1), adding a slight analog texture that prevents the gradients from looking too digitally smooth. The overall mood is luxurious, mystical, and dynamic, reminiscent of aurora-like light phenomena. The color interpolation uses OKLab color space, producing perceptually smooth and natural-looking transitions between the warm yellow and cool purple.",[73,74,26],[151,152,153,154],"#6b0fa3","#ffe633","#c4a0e0","#ffffff","2026-04-13T02:39:39.976792+00:00","2026-04-13T02:39:40.727+00:00","Ribbon Flows 9",1776048174312]