[{"data":1,"prerenderedAt":119},["ShallowReactive",2],{"user-pro-status-data":3,"collection-floating-glass":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":106},"e185c166-60c9-4120-8394-d33f664d3f63","Floating Glass","floating-glass",10,true,"2026-03-29T00:11:33.225767+00:00","2026-03-29T00:16:28.434+00:00","To create new variants, adjust the **Circle** mask's `center` (x/y from 0–1) to shift the vignette origin (right edge, left edge, top, bottom) and optionally tweak its `radius` (2.2–3) and `softness` (0.53–0.67) to control how tightly the gradient fades. Swap the **Glass** component's `shape` between different SDF types—`polygonSDF` (varying `sides`: 3 for triangle, 6 for hexagon), `ringSDF`, or `crescentSDF`—to change the refractive lens geometry while keeping refraction, fresnel, and mouse-tracking settings constant. Change the **Tritone** `colorB` and `colorC` to define a new color identity (purple, lime-green, pink/yellow, etc.) while keeping `colorA` as the dark navy base, and vary the **FlowingGradient**'s `seed` (any integer) and `distortion` (0.2–0.5) to produce a different animated background pattern.",[],null,[18,36,50,62,76,91,104],{"id":19,"collection_id":7,"variant_order":20,"thumbnail_url":21,"visual_description":22,"primary_colors":23,"color_hex_codes":28,"created_at":33,"updated_at":34,"generated_title":35},"a82021b6-12cf-458e-98d3-9391063a9c2f",1,"https://data.shaders.com/storage/v1/object/sign/shader-thumbnails/presets/f52c5ade-5a57-42d0-b088-70ac4c8b8aad.jpg?token=eyJraWQiOiJzdG9yYWdlLXVybC1zaWduaW5nLWtleV8wZWYyOGU2OS01ZmEyLTRlNGUtOWEwYS0xMGU5MGE5ODM1MDAiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJzaGFkZXItdGh1bWJuYWlscy9wcmVzZXRzL2Y1MmM1YWRlLTVhNTctNDJkMC1iMDg4LTcwYWM0YzhiOGFhZC5qcGciLCJpYXQiOjE3NzQ3NDMwOTIsImV4cCI6MTgwNjI3OTA5Mn0.Wg0RSj9pag_7lMZFvOoxFG99coa-0KzwCbtD74SQQcg","A dark, moody abstract composition dominated by deep navy-black backgrounds with flowing purple and violet luminous forms. A large soft circular gradient emanates from the right side, masked and shaped by a flowing gradient animation that creates organic, smoke-like purple ribbons. A triangular glass element (3-sided polygon) sits near the center-right, refracting the underlying imagery with subtle distortion, creating visible edge highlights and fresnel effects along its borders - appearing as thin bright white-purple lines at sharp angles cutting diagonally across the frame. The flowing gradient underneath produces undulating bands of purple, violet, and white-lavender light that twist and curve organically against the near-black background. A tritone color mapping transforms the entire scene into a cohesive palette of deep navy-indigo shadows (#1a1c38), vibrant electric purple midtones (#9000ff), and pale cyan-white highlights (#e3ffff). A dither effect with blue noise pattern at 2px pixel size adds a subtle halftone texture across the entire image, giving it a slightly grainy, printed quality that softens transitions between colors. The glass triangle creates visible refraction distortion where the purple flowing forms pass behind it, with bright highlight spots where light concentrates along edges. The overall atmosphere is ethereal, digital, and futuristic with a strong purple-dominant color scheme against deep darkness.",[24,25,26,27],"purple","black","white","dark-blue",[29,30,31,32],"#9000ff","#1a1c38","#e3ffff","#0a0015","2026-03-29T00:11:33.35782+00:00","2026-03-29T00:11:33.712+00:00","Floating Glass 1",{"id":37,"collection_id":7,"variant_order":38,"thumbnail_url":39,"visual_description":40,"primary_colors":41,"color_hex_codes":43,"created_at":47,"updated_at":48,"generated_title":49},"55d112ef-f163-499e-8157-20f57ee40a8b",2,"https://data.shaders.com/storage/v1/object/sign/shader-thumbnails/presets/55d112ef-f163-499e-8157-20f57ee40a8b.jpg?token=eyJraWQiOiJzdG9yYWdlLXVybC1zaWduaW5nLWtleV8wZWYyOGU2OS01ZmEyLTRlNGUtOWEwYS0xMGU5MGE5ODM1MDAiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJzaGFkZXItdGh1bWJuYWlscy9wcmVzZXRzLzU1ZDExMmVmLWYxNjMtNDk5ZS04MTU3LTIwZjU3ZWU0MGE4Yi5qcGciLCJpYXQiOjE3NzQ3NDMyMTYsImV4cCI6MTgwNjI3OTIxNn0.NMhXtU5CVhC5Hn5Z1hHO9h0iZ6S8j5ZBfVAulZs1htY","A dark, moody composition featuring luminous lime-green organic flowing shapes against a deep navy-black background. The primary visual element is a glass-like ring distortion effect positioned left-of-center, creating a refractive lens that warps the underlying flowing gradient. The flowing gradient produces smooth, sinuous curves of bright yellow-green light that sweep across the frame, with soft glowing edges that fade into the dark background. The ring shape acts as a magnifying glass or refractive element, bending the green light streams and creating an intersection of curved forms. The entire image is processed through a tritone color mapping that maps shadows to dark navy-blue (#1a1c38), midtones to a vivid lime-green (#a1eb31), and highlights to a warm pale yellow-white (#feffe3). A dither effect with blue noise pattern at 2px pixel size adds a subtle halftone-like texture across the entire image, giving it a slightly grainy, printed quality. The flowing gradient underneath uses muted grays and near-black tones which get remapped through the tritone. The glass ring creates visible refraction distortion with soft edge falloff and subtle fresnel highlighting along its rim. The overall atmosphere is futuristic, digital, and sleek with strong contrast between the glowing green forms and the near-black void surrounding them.",[42,25,27],"light-green",[44,45,46,30],"#a1eb31","#0e1020","#feffe3","2026-03-29T00:13:36.496648+00:00","2026-03-29T00:13:37.371+00:00","Floating Glass 2",{"id":51,"collection_id":7,"variant_order":52,"thumbnail_url":53,"visual_description":54,"primary_colors":55,"color_hex_codes":56,"created_at":59,"updated_at":60,"generated_title":61},"6d743cee-1f4f-4374-a088-c0188d6e76ac",3,"https://data.shaders.com/storage/v1/object/sign/shader-thumbnails/presets/6d743cee-1f4f-4374-a088-c0188d6e76ac.jpg?token=eyJraWQiOiJzdG9yYWdlLXVybC1zaWduaW5nLWtleV8wZWYyOGU2OS01ZmEyLTRlNGUtOWEwYS0xMGU5MGE5ODM1MDAiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJzaGFkZXItdGh1bWJuYWlscy9wcmVzZXRzLzZkNzQzY2VlLTFmNGYtNDM3NC1hMDg4LWMwMTg4ZDZlNzZhYy5qcGciLCJpYXQiOjE3NzQ3NDMyODksImV4cCI6MTgwNjI3OTI4OX0.UgzUzKg_Kv60Jv7-c6Kn_7aVaoaODQLfS57aQFa204c","A dark, moody composition featuring a hexagonal glass-like shape centered in the frame against a near-black dark navy background. The hexagon has subtle translucent edges with a faint purple-white fresnel glow along its borders, creating a 3D refractive glass appearance. Inside and around the hexagon, a flowing gradient produces organic, amorphous blobs of vivid purple and bright white light — the brightest concentration appearing as an elongated elliptical glow in the upper-left quadrant of the hexagon, transitioning from white at its core through rich purple to deep darkness. A secondary purple glow emanates from the lower-right area, spilling slightly beyond the hexagon's edge. The entire image is processed through a tritone color mapping that shifts shadows to deep navy-indigo (#1a1c38), midtones to a vibrant electric purple (#a131eb), and highlights toward pale mint-white. A blue noise dithering effect at 2x pixel size is applied over everything, giving the image a subtle halftone/stippled texture reminiscent of risograph printing or retro digital aesthetics. The glass hexagon refracts the background content with noticeable distortion, bending the flowing gradient beneath it. The overall atmosphere is mysterious, futuristic, and ethereal — like a glowing crystalline artifact floating in void space.",[24,27,26,25],[57,30,58,32],"#a131eb","#ffffff","2026-03-29T00:14:47.766838+00:00","2026-03-29T00:14:49.498+00:00","Floating Glass 3",{"id":63,"collection_id":7,"variant_order":64,"thumbnail_url":65,"visual_description":66,"primary_colors":67,"color_hex_codes":70,"created_at":73,"updated_at":74,"generated_title":75},"40538bcc-c3c3-40df-bd7a-9c67616df5e7",4,"https://data.shaders.com/storage/v1/object/sign/shader-thumbnails/presets/40538bcc-c3c3-40df-bd7a-9c67616df5e7.jpg?token=eyJraWQiOiJzdG9yYWdlLXVybC1zaWduaW5nLWtleV8wZWYyOGU2OS01ZmEyLTRlNGUtOWEwYS0xMGU5MGE5ODM1MDAiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJzaGFkZXItdGh1bWJuYWlscy9wcmVzZXRzLzQwNTM4YmNjLWMzYzMtNDBkZi1iZDdhLTljNjc2MTZkZjVlNy5qcGciLCJpYXQiOjE3NzQ3NDMzMzgsImV4cCI6MTgwNjI3OTMzOH0.ZfHxM3bmnwavwdm8v8En0zgPKyB5hQvwaOY1Vi-qSz0","A dark, moody abstract composition featuring a swirling crescent or shell-like glass shape centered slightly left of the image against a deep navy-black background. The glass element refracts and distorts an underlying flowing gradient, creating organic, fluid curves. The color palette transitions from deep dark blue-black shadows through rich rose-pink midtones to warm golden-yellow highlights, applied through a tritone color mapping. The glass shape has a crescent SDF form with visible refraction causing the background gradient to warp and bend through it, creating an illusion of depth and dimensional curvature. Subtle fresnel highlights appear along the edges of the glass form, adding a sense of physical materiality. The entire image is processed through a blue noise dither pattern at 2x pixel size, giving it a textured, slightly grainy retro-digital aesthetic reminiscent of risograph or halftone printing. The dither creates a fine stippled texture visible across all tonal ranges, softening the gradients into a pointillist quality. The flowing gradient beneath provides organic, slowly morphing color fields that the glass element distorts into sweeping arcs and curves. The overall atmosphere is dark and dramatic with warm accents emerging from shadow, creating a sense of mysterious luminescence.",[25,68,69,27],"pink","yellow",[30,71,72,32],"#eb316c","#e8d058","2026-03-29T00:15:37.483579+00:00","2026-03-29T00:15:38.359+00:00","Floating Glass 4",{"id":77,"collection_id":7,"variant_order":78,"thumbnail_url":79,"visual_description":80,"primary_colors":81,"color_hex_codes":84,"created_at":88,"updated_at":89,"generated_title":90},"10af97ff-f8a0-4229-bca3-33c7b5c0deb8",5,"https://data.shaders.com/storage/v1/object/sign/shader-thumbnails/presets/10af97ff-f8a0-4229-bca3-33c7b5c0deb8.jpg?token=eyJraWQiOiJzdG9yYWdlLXVybC1zaWduaW5nLWtleV8wZWYyOGU2OS01ZmEyLTRlNGUtOWEwYS0xMGU5MGE5ODM1MDAiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJzaGFkZXItdGh1bWJuYWlscy9wcmVzZXRzLzEwYWY5N2ZmLWY4YTAtNDIyOS1iY2EzLTMzYzdiNWMwZGViOC5qcGciLCJpYXQiOjE3NzQ3NDM1MTQsImV4cCI6MTgwNjI3OTUxNH0.puuxJJ1ClqyiJRGAvNf86ZrklcWZhF5FMwKtkmdwPzI","A dark, moody composition featuring a trapezoid-shaped glass element positioned slightly right of center, refracting and distorting a flowing gradient background beneath it. The background is predominantly deep navy-black with a flowing organic gradient that transitions through muted grays and deep purples. The entire scene is color-graded with a tritone effect that maps shadows to deep navy-indigo (#1a1c38), midtones to bright cyan-turquoise (#31cfeb), and highlights to vivid blue-purple (#3d5dff). The glass trapezoid has visible refraction (0.86 strength) that warps the underlying gradient, creating a lens-like magnification effect. Subtle fresnel highlights appear along the edges of the glass shape, giving it a three-dimensional, physical appearance. The glass has soft edges and a highlight with moderate softness, producing gentle specular reflections that enhance the 3D illusion. A blue noise dither pattern at 2px pixel size is overlaid across the entire image, giving it a textured, slightly grainy, retro-digital aesthetic reminiscent of print halftone or CRT screens. The dither threshold creates a stippled effect that is particularly visible in the mid-tone regions. The flowing gradient beneath creates smooth, organic undulations of light and shadow, with the brightest cyan-turquoise areas appearing where the gradient peaks interact with the glass refraction. The overall atmosphere is futuristic, cold, and sleek, with a strong emphasis on blue-cyan tones against near-black shadows.",[27,82,83,25],"cyan","blue",[85,86,87,30],"#0d0e1f","#31cfeb","#3d5dff","2026-03-29T00:18:33.374763+00:00","2026-03-29T00:18:34.476+00:00","Floating Glass 5",{"id":92,"collection_id":7,"variant_order":93,"thumbnail_url":94,"visual_description":95,"primary_colors":96,"color_hex_codes":98,"created_at":101,"updated_at":102,"generated_title":103},"0198b991-f54e-4cd3-9e7c-2f52a317f380",6,"https://data.shaders.com/storage/v1/object/sign/shader-thumbnails/presets/0198b991-f54e-4cd3-9e7c-2f52a317f380.jpg?token=eyJraWQiOiJzdG9yYWdlLXVybC1zaWduaW5nLWtleV8wZWYyOGU2OS01ZmEyLTRlNGUtOWEwYS0xMGU5MGE5ODM1MDAiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJzaGFkZXItdGh1bWJuYWlscy9wcmVzZXRzLzAxOThiOTkxLWY1NGUtNGNkMy05ZTdjLTJmNTJhMzE3ZjM4MC5qcGciLCJpYXQiOjE3NzQ3NDM1NzAsImV4cCI6MTgwNjI3OTU3MH0.jRfMDC3yRT-fB2sEuLTfDfLQ0j1JCmCfstuTsW0Rlfg","A dark, moody abstract composition featuring flowing, silk-like purple-magenta fabric forms against a deep near-black navy background. The primary visual element is an organic, undulating shape in vivid magenta-purple that occupies the upper-left and center-left portion of the frame, with smooth folds and creases reminiscent of draped satin or liquid metal. The shape has soft gradients transitioning from bright hot pink-magenta at its peaks to deep dark purple-navy in its valleys and shadows. A subtle dithering pattern is applied across the entire image at a fine pixel scale (2px), giving the surface a textured, halftone-like quality that adds a retro-digital aesthetic. The background is an extremely dark blue-black, almost pure black with slight blue undertones. The flowing gradient base layer is masked by a soft circle and then refracted through a rounded triangle glass element, creating the organic silk-like distortion. The tritone color mapping transforms the grayscale flowing gradient into a three-tone palette of dark navy shadows, vivid magenta-pink midtones, and pale blue-white highlights. Thin curved lines extend from the main form toward the right side, suggesting flowing tendrils or fabric edges catching light. The overall mood is luxurious, mysterious, and digitally refined with a strong contrast between the luminous purple forms and the void-like dark background.",[97,24,25,27],"magenta",[99,30,32,100],"#ff19fb","#c040d0","2026-03-29T00:19:29.938694+00:00","2026-03-29T00:19:30.867+00:00","Floating Glass 6",{"id":105,"collection_id":7,"variant_order":106,"thumbnail_url":107,"visual_description":108,"primary_colors":109,"color_hex_codes":113,"created_at":116,"updated_at":117,"generated_title":118},"f6435cbb-94eb-4c82-93bb-2a861edbc411",7,"https://data.shaders.com/storage/v1/object/sign/shader-thumbnails/presets/f6435cbb-94eb-4c82-93bb-2a861edbc411.jpg?token=eyJraWQiOiJzdG9yYWdlLXVybC1zaWduaW5nLWtleV8wZWYyOGU2OS01ZmEyLTRlNGUtOWEwYS0xMGU5MGE5ODM1MDAiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJzaGFkZXItdGh1bWJuYWlscy9wcmVzZXRzL2Y2NDM1Y2JiLTk0ZWItNGM4Mi05M2JiLTJhODYxZWRiYzQxMS5qcGciLCJpYXQiOjE3NzU5MjE5MjUsImV4cCI6MTgwNzQ1NzkyNX0.uv6_dF6qSSMAuIgMHdTDG5I_W10JI8tU0ICne8mErNo","A dramatic crescent moon shape rendered in warm copper-orange tones against a deep black background. The crescent is formed by a glass-like refractive element using a crescent SDF shape, which distorts and refracts an underlying flowing gradient. The gradient transitions from near-black dark tones through silvery grays, which are then color-mapped through a tritone effect into deep navy-blue shadows (#1a1c38), vibrant burnt orange midtones (#e85d1a), and warm pale golden highlights (#ffe4a8). The crescent has smooth, tapered horn-like tips that curve elegantly, with the left side showing a broad illuminated arc that catches light from approximately 276 degrees. A subtle Fresnel effect adds bright white-ish highlights along the edges of the glass shape, creating a sense of three-dimensional curvature and material thickness. The refraction (0.86 strength) causes the background gradient to warp and shift through the crescent lens, producing organic flowing distortions within the shape. A faint blurred reflection or secondary glow appears to the right of the crescent in the dark background. The entire composition is overlaid with a blue noise dither pattern at 2px pixel size, giving the image a fine textured, almost fabric-like or halftone quality that adds tactile grain throughout. The overall mood is warm, mysterious, and celestial — reminiscent of a glowing bronze crescent moon floating in void-like darkness.",[110,25,111,112],"orange","tan","brown",[114,115,30,32],"#e85d1a","#ffe4a8","2026-04-11T15:38:44.782585+00:00","2026-04-11T15:38:45.63+00:00","Floating Glass 7",1776048172405]