{"count":41,"filters":{"asset":null,"category":null,"q":null},"effects":[{"slug":"paper-texture","name":"Paper Texture","component":"PaperTexture","description":"Turns a photo into a paper or cardboard surface with fibers, creases, and grain.","category":"image-filter","engine":"paper","tags":["paper","texture","print","photo","static"],"supportsMotion":false,"preferredAssets":["photo","graphic"],"compositionMode":null,"install":"npm install --save-exact @paper-design/shaders-react@0.0.77","runtimeVersion":"0.0.77","presets":[{"name":"Default","params":{"fit":"cover","scale":0.6,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":0,"frame":0,"colorFront":"#9fadbc","colorBack":"#ffffff","contrast":0.3,"roughness":0.4,"fiber":0.3,"fiberSize":0.2,"crumples":0.3,"crumpleSize":0.35,"folds":0.65,"foldCount":5,"fade":0,"drops":0.2,"seed":5.8}},{"name":"Cardboard","params":{"fit":"cover","scale":0.6,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":0,"frame":0,"colorFront":"#c7b89e","colorBack":"#999180","contrast":0.4,"roughness":0,"fiber":0.35,"fiberSize":0.14,"crumples":0.7,"crumpleSize":0.1,"folds":0,"foldCount":1,"fade":0,"drops":0.1,"seed":1.6}},{"name":"Abstract","params":{"fit":"cover","scale":0.6,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":0,"frame":0,"colorFront":"#00eeff","colorBack":"#ff0a81","contrast":0.85,"roughness":0,"fiber":0.1,"fiberSize":0.2,"crumples":0,"crumpleSize":0.3,"folds":1,"foldCount":3,"fade":0,"drops":0.2,"seed":2.2}},{"name":"Details","params":{"fit":"cover","scale":3,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":0,"frame":0,"colorFront":"#00000000","colorBack":"#00000000","contrast":0,"roughness":1,"fiber":0.27,"fiberSize":0.22,"crumples":1,"crumpleSize":0.5,"folds":1,"foldCount":15,"fade":0,"drops":0,"seed":6}}]},{"slug":"fluted-glass","name":"Fluted Glass","component":"FlutedGlass","description":"Uses fluting and refraction to give an image a translucent glass surface.","category":"image-filter","engine":"paper","tags":["glass","distortion","photo","prism"],"supportsMotion":false,"preferredAssets":["photo","graphic"],"compositionMode":null,"install":"npm install --save-exact @paper-design/shaders-react@0.0.77","runtimeVersion":"0.0.77","presets":[{"name":"Default","params":{"fit":"cover","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":0,"frame":0,"colorBack":"#00000000","colorShadow":"#000000","colorHighlight":"#ffffff","shadows":0.25,"size":0.5,"angle":0,"distortionShape":"prism","highlights":0.1,"shape":"lines","distortion":0.5,"shift":0,"blur":0,"edges":0.25,"stretch":0,"margin":0,"marginLeft":0,"marginRight":0,"marginTop":0,"marginBottom":0,"grainMixer":0,"grainOverlay":0}},{"name":"Abstract","params":{"fit":"cover","scale":4,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":0,"frame":0,"colorBack":"#00000000","colorShadow":"#000000","colorHighlight":"#ffffff","shadows":0,"size":0.7,"angle":30,"distortionShape":"flat","highlights":0,"shape":"linesIrregular","distortion":1,"shift":0,"blur":1,"edges":0.5,"stretch":1,"margin":0,"marginLeft":0,"marginRight":0,"marginTop":0,"marginBottom":0,"grainMixer":0.1,"grainOverlay":0.1}},{"name":"Waves","params":{"fit":"cover","scale":1.2,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":0,"frame":0,"colorBack":"#00000000","colorShadow":"#000000","colorHighlight":"#ffffff","shadows":0,"size":0.9,"angle":0,"distortionShape":"contour","highlights":0,"shape":"wave","distortion":0.5,"shift":0,"blur":0.1,"edges":0.5,"stretch":1,"margin":0,"marginLeft":0,"marginRight":0,"marginTop":0,"marginBottom":0,"grainMixer":0,"grainOverlay":0.05}},{"name":"Folds","params":{"fit":"cover","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":0,"frame":0,"colorBack":"#00000000","colorShadow":"#000000","colorHighlight":"#ffffff","shadows":0.4,"size":0.4,"angle":0,"distortionShape":"cascade","highlights":0,"shape":"lines","distortion":0.75,"shift":0,"blur":0.25,"edges":0.5,"stretch":0,"margin":0.1,"marginLeft":0.1,"marginRight":0.1,"marginTop":0.1,"marginBottom":0.1,"grainMixer":0,"grainOverlay":0}}]},{"slug":"water","name":"Water","component":"Water","description":"Creates natural water distortion with caustics, ripples, and highlights.","category":"image-filter","engine":"paper","tags":["water","caustic","distortion","motion"],"supportsMotion":true,"preferredAssets":["photo","graphic"],"compositionMode":null,"install":"npm install --save-exact @paper-design/shaders-react@0.0.77","runtimeVersion":"0.0.77","presets":[{"name":"Default","params":{"fit":"contain","scale":0.8,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":1,"frame":0,"colorBack":"#909090","colorHighlight":"#ffffff","highlights":0.07,"layering":0.5,"edges":0.8,"waves":0.3,"caustic":0.1,"size":1}},{"name":"Slow-mo","params":{"fit":"cover","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":0.1,"frame":0,"colorBack":"#909090","colorHighlight":"#ffffff","highlights":0.4,"layering":0,"edges":0,"waves":0,"caustic":0.2,"size":0.7}},{"name":"Abstract","params":{"fit":"cover","scale":3,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":1,"frame":0,"colorBack":"#909090","colorHighlight":"#ffffff","highlights":0,"layering":0,"edges":1,"waves":1,"caustic":0.4,"size":0.15}},{"name":"Streaming","params":{"fit":"contain","scale":0.4,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":2,"frame":0,"colorBack":"#909090","colorHighlight":"#ffffff","highlights":0,"layering":0,"edges":0,"waves":0.5,"caustic":0,"size":0.5}}]},{"slug":"image-dithering","name":"Image Dithering","component":"ImageDithering","description":"Compresses an image into retro digital color levels with ordered or random dithering.","category":"image-filter","engine":"paper","tags":["dither","pixel","retro","photo"],"supportsMotion":false,"preferredAssets":["photo","graphic","logo"],"compositionMode":null,"install":"npm install --save-exact @paper-design/shaders-react@0.0.77","runtimeVersion":"0.0.77","presets":[{"name":"Default","params":{"fit":"cover","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":0,"frame":0,"colorFront":"#94ffaf","colorBack":"#000c38","colorHighlight":"#eaff94","type":"8x8","size":2,"colorSteps":2,"originalColors":false,"inverted":false}},{"name":"Noise","params":{"fit":"cover","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":0,"frame":0,"colorFront":"#a2997c","colorBack":"#000000","colorHighlight":"#ededed","type":"random","size":1,"colorSteps":1,"originalColors":false,"inverted":false}},{"name":"Retro","params":{"fit":"cover","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":0,"frame":0,"colorFront":"#eeeeee","colorBack":"#5452ff","colorHighlight":"#eeeeee","type":"2x2","size":3,"colorSteps":1,"originalColors":true,"inverted":false}},{"name":"Natural","params":{"fit":"cover","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":0,"frame":0,"colorFront":"#ffffff","colorBack":"#000000","colorHighlight":"#ffffff","type":"8x8","size":2,"colorSteps":5,"originalColors":true,"inverted":false}}]},{"slug":"halftone-dots","name":"Halftone Dots","component":"HalftoneDots","description":"Converts an image into a halftone print with adjustable grids, ink dots, and grain.","category":"image-filter","engine":"paper","tags":["halftone","dots","print","comic"],"supportsMotion":false,"preferredAssets":["photo","graphic","logo"],"compositionMode":null,"install":"npm install --save-exact @paper-design/shaders-react@0.0.77","runtimeVersion":"0.0.77","presets":[{"name":"Default","params":{"fit":"cover","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":0,"frame":0,"colorBack":"#f2f1e8","colorFront":"#2b2b2b","size":0.5,"radius":1.25,"contrast":0.4,"originalColors":false,"inverted":false,"grainMixer":0.2,"grainOverlay":0.2,"grainSize":0.5,"grid":"hex","type":"gooey"}},{"name":"LED screen","params":{"fit":"cover","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":0,"frame":0,"colorBack":"#000000","colorFront":"#29ff7b","size":0.5,"radius":1.5,"contrast":0.3,"originalColors":false,"inverted":false,"grainMixer":0,"grainOverlay":0,"grainSize":0.5,"grid":"square","type":"soft"}},{"name":"Mosaic","params":{"fit":"cover","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":0,"frame":0,"colorBack":"#000000","colorFront":"#b2aeae","size":0.6,"radius":2,"contrast":0.01,"originalColors":true,"inverted":false,"grainMixer":0,"grainOverlay":0,"grainSize":0.5,"grid":"hex","type":"classic"}},{"name":"Round and square","params":{"fit":"cover","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":0,"frame":0,"colorBack":"#141414","colorFront":"#ff8000","size":0.8,"radius":1,"contrast":1,"originalColors":false,"inverted":true,"grainMixer":0.05,"grainOverlay":0.3,"grainSize":0.5,"grid":"square","type":"holes"}}]},{"slug":"halftone-cmyk","name":"Halftone CMYK","component":"HalftoneCmyk","description":"Separates cyan, magenta, yellow, and black channels for an authentic registered-print texture.","category":"image-filter","engine":"paper","tags":["cmyk","print","poster","photo"],"supportsMotion":false,"preferredAssets":["photo","graphic"],"compositionMode":null,"install":"npm install --save-exact @paper-design/shaders-react@0.0.77","runtimeVersion":"0.0.77","presets":[{"name":"Default","params":{"fit":"cover","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":0,"frame":0,"colorBack":"#fbfaf5","colorC":"#00b4ff","colorM":"#fc519f","colorY":"#ffd800","colorK":"#231f20","size":0.2,"contrast":1,"softness":1,"grainSize":0.5,"grainMixer":0,"grainOverlay":0,"gridNoise":0.2,"floodC":0.15,"floodM":0,"floodY":0,"floodK":0,"gainC":0.3,"gainM":0,"gainY":0.2,"gainK":0,"type":"ink"}},{"name":"Drops","params":{"fit":"cover","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":0,"frame":0,"colorBack":"#eeefd7","colorC":"#00b2ff","colorM":"#fc4f4f","colorY":"#ffd900","colorK":"#231f20","size":0.88,"contrast":1.15,"softness":0,"grainSize":0.01,"grainMixer":0.05,"grainOverlay":0.25,"gridNoise":0.5,"floodC":0.15,"floodM":0,"floodY":0,"floodK":0,"gainC":1,"gainM":0.44,"gainY":-1,"gainK":0,"type":"ink"}},{"name":"Newspaper","params":{"fit":"cover","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":0,"frame":0,"colorBack":"#f2f1e8","colorC":"#7a7a75","colorM":"#7a7a75","colorY":"#7a7a75","colorK":"#231f20","size":0.01,"contrast":2,"softness":0.2,"grainSize":0,"grainMixer":0,"grainOverlay":0.2,"gridNoise":0.6,"floodC":0,"floodM":0,"floodY":0,"floodK":0.1,"gainC":-0.17,"gainM":-0.45,"gainY":-0.45,"gainK":0,"type":"dots"}},{"name":"Vintage","params":{"fit":"cover","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":0,"frame":0,"colorBack":"#fffaf0","colorC":"#59afc5","colorM":"#d8697c","colorY":"#fad85c","colorK":"#2d2824","size":0.2,"contrast":1.25,"softness":0.4,"grainSize":0.5,"grainMixer":0.15,"grainOverlay":0.1,"gridNoise":0.45,"floodC":0.15,"floodM":0,"floodY":0,"floodK":0,"gainC":0.3,"gainM":0,"gainY":0.2,"gainK":0,"type":"sharp"}}]},{"slug":"heatmap","name":"Heatmap","component":"Heatmap","description":"Makes color flow like heat energy along the edges of a transparent graphic.","category":"logo-motion","engine":"paper","tags":["logo","heat","glow","motion"],"supportsMotion":true,"preferredAssets":["logo","graphic"],"compositionMode":null,"install":"npm install --save-exact @paper-design/shaders-react@0.0.77","runtimeVersion":"0.0.77","presets":[{"name":"Default","params":{"fit":"contain","scale":0.75,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":1,"frame":0,"contour":0.5,"angle":0,"noise":0,"innerGlow":0.5,"outerGlow":0.5,"colorBack":"#000000","colors":["#11206a","#1f3ba2","#2f63e7","#6bd7ff","#ffe679","#ff991e","#ff4c00"]}},{"name":"Sepia","params":{"fit":"contain","scale":0.75,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":0.5,"frame":0,"contour":0.5,"angle":0,"noise":0.75,"innerGlow":0.5,"outerGlow":0.5,"colorBack":"#000000","colors":["#997F45","#ffffff"]}}]},{"slug":"liquid-metal","name":"Liquid Metal","component":"LiquidMetal","description":"Shapes a transparent logo or graphic into a flowing metallic material.","category":"logo-motion","engine":"paper","tags":["logo","metal","chrome","motion"],"supportsMotion":true,"preferredAssets":["logo","graphic"],"compositionMode":null,"install":"npm install --save-exact @paper-design/shaders-react@0.0.77","runtimeVersion":"0.0.77","presets":[{"name":"Default","params":{"fit":"contain","scale":0.6,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":1,"frame":0,"colorBack":"#AAAAAC","colorTint":"#ffffff","distortion":0.07,"repetition":2,"shiftRed":0.3,"shiftBlue":0.3,"contour":0.4,"softness":0.1,"angle":70,"shape":"diamond"}},{"name":"Noir","params":{"fit":"contain","scale":0.6,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":1,"frame":0,"colorBack":"#000000","colorTint":"#606060","softness":0.45,"repetition":1.5,"shiftRed":0,"shiftBlue":0,"distortion":0,"contour":0,"angle":90,"shape":"diamond"}},{"name":"Backdrop","params":{"fit":"contain","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":1,"frame":0,"colorBack":"#AAAAAC","colorTint":"#ffffff","softness":0.05,"repetition":1.5,"shiftRed":0.3,"shiftBlue":0.3,"distortion":0.1,"contour":0.4,"shape":"none","angle":90}},{"name":"Stripes","params":{"fit":"contain","scale":0.6,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":1,"frame":0,"colorBack":"#000000","colorTint":"#2c5d72","softness":0.8,"repetition":6,"shiftRed":1,"shiftBlue":-1,"distortion":0.4,"contour":0.4,"shape":"circle","angle":0}}]},{"slug":"gem-smoke","name":"Gem Smoke","component":"GemSmoke","description":"Generates gem-like smoke, refraction, and glow inside a transparent graphic.","category":"logo-motion","engine":"paper","tags":["logo","gem","smoke","glass","motion"],"supportsMotion":true,"preferredAssets":["logo","graphic"],"compositionMode":null,"install":"npm install --save-exact @paper-design/shaders-react@0.0.77","runtimeVersion":"0.0.77","presets":[{"name":"Default","params":{"fit":"contain","scale":0.6,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":1,"frame":0,"colorBack":"#f0efea","colorInner":"#fafaf5","colors":["#333333","#e7e6df"],"outerGlow":0.55,"innerGlow":1,"innerDistortion":0.8,"outerDistortion":0.6,"offset":0,"angle":0,"size":0.8,"shape":"diamond"}},{"name":"Fire","params":{"fit":"contain","scale":0.6,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":1,"frame":0,"colorBack":"#000000","colorInner":"#000000","colors":["#fe5b16","#f7ff61","#ffffff"],"outerGlow":1,"innerGlow":0.65,"innerDistortion":0.6,"outerDistortion":0.8,"offset":0,"angle":0,"size":0.8,"shape":"diamond"}},{"name":"Fluorescent","params":{"fit":"contain","scale":0.6,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":1,"frame":0,"colorBack":"#000000","colorInner":"#000000","colors":["#2fb64c","#cdff61","#ffffff"],"outerGlow":0,"innerGlow":1,"innerDistortion":1,"outerDistortion":0.8,"offset":0,"angle":0,"size":0.8,"shape":"diamond"}},{"name":"Infrared","params":{"fit":"contain","scale":0.6,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":0.5,"frame":0,"colorBack":"#cd28dc","colorInner":"#00000000","colors":["#ff9900","#fff67a","#dcff52","#00ffbb","#0077ff"],"outerGlow":1,"innerGlow":1,"innerDistortion":1,"outerDistortion":1,"offset":0.2,"angle":0,"size":1,"shape":"diamond"}}]},{"slug":"mesh-gradient","name":"Mesh Gradient","component":"MeshGradient","description":"A soft animated background made from flowing color fields for brand and product visuals.","category":"composition","engine":"paper","tags":["gradient","hero","brand","motion"],"supportsMotion":true,"preferredAssets":["photo","logo","graphic"],"compositionMode":"background","install":"npm install --save-exact @paper-design/shaders-react@0.0.77","runtimeVersion":"0.0.77","presets":[{"name":"Default","params":{"fit":"contain","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":1,"frame":0,"colors":["#e0eaff","#241d9a","#f75092","#9f50d3"],"distortion":0.8,"swirl":0.1,"grainMixer":0,"grainOverlay":0}},{"name":"Ink","params":{"fit":"contain","scale":1,"rotation":90,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":1,"frame":0,"colors":["#ffffff","#000000"],"distortion":1,"swirl":0.2,"grainMixer":0,"grainOverlay":0}},{"name":"Purple","params":{"fit":"contain","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":0.6,"frame":0,"colors":["#aaa7d7","#3c2b8e"],"distortion":1,"swirl":1,"grainMixer":0,"grainOverlay":0}},{"name":"Beach","params":{"fit":"contain","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":0.1,"frame":0,"colors":["#bcecf6","#00aaff","#00f7ff","#ffd447"],"distortion":0.8,"swirl":0.35,"grainMixer":0,"grainOverlay":0}}]},{"slug":"static-mesh-gradient","name":"Static Mesh Gradient","component":"StaticMeshGradient","description":"A static brand gradient with precise control over color points and waveforms.","category":"composition","engine":"paper","tags":["gradient","poster","static","brand"],"supportsMotion":false,"preferredAssets":["photo","logo","graphic"],"compositionMode":"background","install":"npm install --save-exact @paper-design/shaders-react@0.0.77","runtimeVersion":"0.0.77","presets":[{"name":"Default","params":{"fit":"contain","scale":1,"rotation":270,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":0,"frame":0,"colors":["#ffad0a","#6200ff","#e2a3ff","#ff99fd"],"positions":2,"waveX":1,"waveXShift":0.6,"waveY":1,"waveYShift":0.21,"mixing":0.93,"grainMixer":0,"grainOverlay":0}},{"name":"1960s","params":{"fit":"contain","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":0,"frame":0,"colors":["#000000","#082400","#b1aa91","#8e8c15"],"positions":42,"waveX":0.45,"waveXShift":0,"waveY":1,"waveYShift":0,"mixing":0,"grainMixer":0.37,"grainOverlay":0.78}},{"name":"Sunset","params":{"fit":"contain","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":0,"frame":0,"colors":["#264653","#9c2b2b","#f4a261","#ffffff"],"positions":0,"waveX":0.6,"waveXShift":0.7,"waveY":0.7,"waveYShift":0.7,"mixing":0.5,"grainMixer":0,"grainOverlay":0}},{"name":"Sea","params":{"fit":"contain","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":0,"frame":0,"colors":["#013b65","#03738c","#a3d3ff","#f2faef"],"positions":0,"waveX":0.53,"waveXShift":0,"waveY":0.95,"waveYShift":0.64,"mixing":0.5,"grainMixer":0,"grainOverlay":0}}]},{"slug":"static-radial-gradient","name":"Static Radial Gradient","component":"StaticRadialGradient","description":"A multicolor radial gradient with focus, distortion, and grain controls.","category":"composition","engine":"paper","tags":["radial","gradient","poster","static"],"supportsMotion":false,"preferredAssets":["photo","logo","graphic"],"compositionMode":"background","install":"npm install --save-exact @paper-design/shaders-react@0.0.77","runtimeVersion":"0.0.77","presets":[{"name":"Default","params":{"fit":"contain","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":0,"frame":0,"colorBack":"#000000","colors":["#00bbff","#00ffe1","#ffffff"],"radius":0.8,"focalDistance":0.99,"focalAngle":0,"falloff":0.24,"mixing":0.5,"distortion":0,"distortionShift":0,"distortionFreq":12,"grainMixer":0,"grainOverlay":0}},{"name":"Lo-Fi","params":{"fit":"contain","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":0,"frame":0,"colorBack":"#2e1f27","colors":["#d72638","#3f88c5","#f49d37"],"radius":1,"focalDistance":0,"focalAngle":0,"falloff":0.9,"mixing":0.7,"distortion":0,"distortionShift":0,"distortionFreq":12,"grainMixer":1,"grainOverlay":0.5}},{"name":"Cross Section","params":{"fit":"contain","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":0,"frame":0,"colorBack":"#3d348b","colors":["#7678ed","#f7b801","#f18701","#37a066"],"radius":1,"focalDistance":0,"focalAngle":0,"falloff":0,"mixing":0,"distortion":1,"distortionShift":0,"distortionFreq":12,"grainMixer":0,"grainOverlay":0}},{"name":"Radial","params":{"fit":"contain","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":0,"frame":0,"colorBack":"#264653","colors":["#9c2b2b","#f4a261","#ffffff"],"radius":1,"focalDistance":0,"focalAngle":0,"falloff":0,"mixing":1,"distortion":0,"distortionShift":0,"distortionFreq":12,"grainMixer":0,"grainOverlay":0}}]},{"slug":"dithering","name":"Dithering Field","component":"Dithering","description":"Turns abstract shapes into a pixel-dithered field and blends it with the asset.","category":"composition","engine":"paper","tags":["dither","pixel","retro","blend"],"supportsMotion":true,"preferredAssets":["photo","graphic"],"compositionMode":"blend","install":"npm install --save-exact @paper-design/shaders-react@0.0.77","runtimeVersion":"0.0.77","presets":[{"name":"Default","params":{"fit":"none","scale":0.6,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":1,"frame":0,"colorBack":"#000000","colorFront":"#00b2ff","shape":"sphere","type":"4x4","size":2}},{"name":"Warp","params":{"fit":"contain","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":1,"frame":0,"colorBack":"#301c2a","colorFront":"#56ae6c","shape":"warp","type":"4x4","size":2.5}},{"name":"Sine Wave","params":{"fit":"none","scale":1.2,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":1,"frame":0,"colorBack":"#730d54","colorFront":"#00becc","shape":"wave","type":"4x4","size":11}},{"name":"Ripple","params":{"fit":"contain","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":1,"frame":0,"colorBack":"#603520","colorFront":"#c67953","shape":"ripple","type":"2x2","size":3}},{"name":"Bugs","params":{"fit":"none","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":1,"frame":0,"colorBack":"#000000","colorFront":"#008000","shape":"dots","type":"random","size":9}},{"name":"Swirl","params":{"fit":"contain","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":1,"frame":0,"colorBack":"#00000000","colorFront":"#47a8e1","shape":"swirl","type":"8x8","size":2}}]},{"slug":"grain-gradient","name":"Grain Gradient","component":"GrainGradient","description":"An animated multicolor gradient with grain and organic noise.","category":"composition","engine":"paper","tags":["grain","gradient","poster","motion"],"supportsMotion":true,"preferredAssets":["photo","logo","graphic"],"compositionMode":"background","install":"npm install --save-exact @paper-design/shaders-react@0.0.77","runtimeVersion":"0.0.77","presets":[{"name":"Default","params":{"fit":"contain","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":1,"frame":0,"colorBack":"#000000","colors":["#7300ff","#eba8ff","#00bfff","#2a00ff"],"softness":0.5,"intensity":0.5,"noise":0.25,"shape":"corners"}},{"name":"Wave","params":{"fit":"none","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":1,"frame":0,"colorBack":"#000a0f","colors":["#c4730b","#bdad5f","#d8ccc7"],"softness":0.7,"intensity":0.15,"noise":0.5,"shape":"wave"}},{"name":"Dots","params":{"fit":"none","scale":0.6,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":1,"frame":0,"colorBack":"#0a0000","colors":["#6f0000","#0080ff","#f2ebc9","#33cc33"],"softness":1,"intensity":1,"noise":0.7,"shape":"dots"}},{"name":"Truchet","params":{"fit":"none","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":1,"frame":0,"colorBack":"#0a0000","colors":["#6f2200","#eabb7c","#39b523"],"softness":0,"intensity":0.2,"noise":1,"shape":"truchet"}},{"name":"Ripple","params":{"fit":"contain","scale":0.5,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":1,"frame":0,"colorBack":"#140a00","colors":["#6f2d00","#88ddae","#2c0b1d"],"softness":0.5,"intensity":0.5,"noise":0.5,"shape":"ripple"}},{"name":"Blob","params":{"fit":"contain","scale":1.3,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":1,"frame":0,"colorBack":"#0f0e18","colors":["#3e6172","#a49b74","#568c50"],"softness":0,"intensity":0.15,"noise":0.5,"shape":"blob"}}]},{"slug":"dot-orbit","name":"Dot Orbit","component":"DotOrbit","description":"Moves each color point along a grid orbit for playful brand backgrounds.","category":"composition","engine":"paper","tags":["dots","orbit","playful","motion"],"supportsMotion":true,"preferredAssets":["logo","graphic","photo"],"compositionMode":"background","install":"npm install --save-exact @paper-design/shaders-react@0.0.77","runtimeVersion":"0.0.77","presets":[{"name":"Default","params":{"fit":"none","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":1.5,"frame":0,"colorBack":"#000000","colors":["#ffc96b","#ff6200","#ff2f00","#421100","#1a0000"],"size":1,"sizeRange":0,"spreading":1,"stepsPerColor":4}},{"name":"Bubbles","params":{"fit":"none","scale":1.64,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":0.4,"frame":0,"colors":["#D0D2D5"],"colorBack":"#989CA4","stepsPerColor":2,"size":0.9,"sizeRange":0.7,"spreading":1}},{"name":"Shine","params":{"fit":"none","scale":0.4,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":0.1,"frame":0,"colors":["#ffffff","#006aff","#fff675"],"colorBack":"#000000","stepsPerColor":4,"size":0.3,"sizeRange":0.2,"spreading":1}},{"name":"Hallucinatory","params":{"fit":"none","scale":0.5,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":5,"frame":0,"colors":["#000000"],"colorBack":"#ffe500","stepsPerColor":2,"size":0.65,"sizeRange":0,"spreading":0.3}}]},{"slug":"dot-grid","name":"Dot Grid","component":"DotGrid","description":"A precise dot-grid system with configurable shapes, spacing, and strokes.","category":"composition","engine":"paper","tags":["dots","grid","pattern","static"],"supportsMotion":false,"preferredAssets":["logo","graphic"],"compositionMode":"mask","install":"npm install --save-exact @paper-design/shaders-react@0.0.77","runtimeVersion":"0.0.77","presets":[{"name":"Default","params":{"fit":"none","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"colorBack":"#000000","colorFill":"#ffffff","colorStroke":"#ffaa00","size":2,"gapX":32,"gapY":32,"strokeWidth":0,"sizeRange":0,"opacityRange":0,"shape":"circle"}},{"name":"Triangles","params":{"fit":"none","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"colorBack":"#ffffff","colorFill":"#ffffff","colorStroke":"#808080","size":5,"gapX":32,"gapY":32,"strokeWidth":1,"sizeRange":0,"opacityRange":0,"shape":"triangle"}},{"name":"Tree line","params":{"fit":"none","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"colorBack":"#f4fce7","colorFill":"#052e19","colorStroke":"#000000","size":8,"gapX":20,"gapY":90,"strokeWidth":0,"sizeRange":1,"opacityRange":0.6,"shape":"circle"}},{"name":"Wallpaper","params":{"fit":"none","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"colorBack":"#204030","colorFill":"#000000","colorStroke":"#bd955b","size":9,"gapX":32,"gapY":32,"strokeWidth":1,"sizeRange":0,"opacityRange":0,"shape":"diamond"}}]},{"slug":"warp","name":"Warp","component":"Warp","description":"Distorts and swirls multicolor fields around checkerboards, stripes, or split shapes.","category":"composition","engine":"paper","tags":["warp","marble","hero","motion"],"supportsMotion":true,"preferredAssets":["photo","logo","graphic"],"compositionMode":"background","install":"npm install --save-exact @paper-design/shaders-react@0.0.77","runtimeVersion":"0.0.77","presets":[{"name":"Default","params":{"fit":"none","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":1,"frame":0,"colors":["#121212","#9470ff","#121212","#8838ff"],"proportion":0.45,"softness":1,"distortion":0.25,"swirl":0.8,"swirlIterations":10,"shapeScale":0.1,"shape":"checks"}},{"name":"Cauldron Pot","params":{"fit":"none","scale":0.9,"rotation":160,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":10,"frame":0,"colors":["#a7e58b","#324472","#0a180d"],"proportion":0.64,"softness":1.5,"distortion":0.2,"swirl":0.86,"swirlIterations":7,"shapeScale":0.6,"shape":"edge"}},{"name":"Live Ink","params":{"fit":"none","scale":1.2,"rotation":44,"offsetX":0,"offsetY":-0.3,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":2.5,"frame":0,"colors":["#111314","#9faeab","#f3fee7","#f3fee7"],"proportion":0.05,"softness":0,"distortion":0.25,"swirl":0.8,"swirlIterations":10,"shapeScale":0.28,"shape":"checks"}},{"name":"Kelp","params":{"fit":"none","scale":0.8,"rotation":50,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":20,"frame":0,"colors":["#dbff8f","#404f3e","#091316"],"proportion":0.67,"softness":0,"distortion":0,"swirl":0.2,"swirlIterations":3,"shapeScale":1,"shape":"stripes"}},{"name":"Nectar","params":{"fit":"none","scale":2,"rotation":0,"offsetX":0,"offsetY":0.6,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":4.2,"frame":0,"colors":["#151310","#d3a86b","#f0edea"],"proportion":0.24,"softness":1,"distortion":0.21,"swirl":0.57,"swirlIterations":10,"shapeScale":0.75,"shape":"edge"}},{"name":"Passion","params":{"fit":"none","scale":2.5,"rotation":1.35,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":3,"frame":0,"colors":["#3b1515","#954751","#ffc085"],"proportion":0.5,"softness":1,"distortion":0.09,"swirl":0.9,"swirlIterations":6,"shapeScale":0.25,"shape":"checks"}}]},{"slug":"spiral","name":"Spiral","component":"Spiral","description":"A monochrome animated form ranging from geometric coils to fluid vortices.","category":"composition","engine":"paper","tags":["spiral","lines","hypnotic","motion"],"supportsMotion":true,"preferredAssets":["photo","graphic","logo"],"compositionMode":"blend","install":"npm install --save-exact @paper-design/shaders-react@0.0.77","runtimeVersion":"0.0.77","presets":[{"name":"Default","params":{"fit":"none","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"colorBack":"#001429","colorFront":"#79D1FF","density":1,"distortion":0,"strokeWidth":0.5,"strokeTaper":0,"strokeCap":0,"noise":0,"noiseFrequency":0,"softness":0,"speed":1,"frame":0}},{"name":"Jungle","params":{"fit":"none","scale":1.3,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"density":0.5,"colorBack":"#a0ef2a","colorFront":"#288b18","distortion":0,"strokeWidth":0.5,"strokeTaper":0,"strokeCap":0,"noise":1,"noiseFrequency":0.25,"softness":0,"speed":0.75,"frame":0}},{"name":"Droplet","params":{"fit":"none","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"colorBack":"#effafe","colorFront":"#bf40a0","density":0.9,"distortion":0,"strokeWidth":0.75,"strokeTaper":0.18,"strokeCap":1,"noise":0.74,"noiseFrequency":0.33,"softness":0.02,"speed":1,"frame":0}},{"name":"Swirl","params":{"fit":"none","scale":0.45,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"colorBack":"#b3e6d9","colorFront":"#1a2b4d","density":0.2,"distortion":0,"strokeWidth":0.5,"strokeTaper":0,"strokeCap":0,"noise":0,"noiseFrequency":0.3,"softness":0.5,"speed":1,"frame":0}}]},{"slug":"swirl","name":"Swirl","component":"Swirl","description":"Twists multiple color bands into arcs, spirals, and flowing rings.","category":"composition","engine":"paper","tags":["swirl","bands","fluid","motion"],"supportsMotion":true,"preferredAssets":["photo","logo","graphic"],"compositionMode":"background","install":"npm install --save-exact @paper-design/shaders-react@0.0.77","runtimeVersion":"0.0.77","presets":[{"name":"Default","params":{"fit":"contain","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":0.32,"frame":0,"colorBack":"#330000","colors":["#ffd1d1","#ff8a8a","#660000"],"bandCount":4,"twist":0.1,"center":0.2,"proportion":0.5,"softness":0,"noiseFrequency":0.4,"noise":0.2}},{"name":"007","params":{"fit":"contain","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":1,"frame":0,"colorBack":"#E9E7DA","colors":["#000000"],"bandCount":5,"twist":0.3,"center":0,"proportion":0,"softness":0,"noiseFrequency":0.5,"noise":0}},{"name":"Opening","params":{"fit":"contain","scale":1,"rotation":0,"offsetX":-0.4,"offsetY":1,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":0.5,"frame":0,"colorBack":"#ff8b61","colors":["#fefff0","#ffd8bd","#ff8b61"],"bandCount":2,"twist":0.3,"center":0.2,"proportion":0.5,"softness":0,"noiseFrequency":0,"noise":0}},{"name":"Candy","params":{"fit":"contain","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":1,"frame":0,"colorBack":"#ffcd66","colors":["#6bbceb","#d7b3ff","#ff9fff"],"bandCount":2,"twist":0.15,"center":0.2,"proportion":0.5,"softness":1,"noiseFrequency":0.5,"noise":0}}]},{"slug":"waves","name":"Waves","component":"Waves","description":"A linear texture that shifts between sharp zigzags and soft waves.","category":"composition","engine":"paper","tags":["waves","lines","pattern","static"],"supportsMotion":false,"preferredAssets":["logo","graphic"],"compositionMode":"mask","install":"npm install --save-exact @paper-design/shaders-react@0.0.77","runtimeVersion":"0.0.77","presets":[{"name":"Default","params":{"fit":"none","scale":0.6,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"colorFront":"#ffbb00","colorBack":"#000000","shape":0,"frequency":0.5,"amplitude":0.5,"spacing":1.2,"proportion":0.1,"softness":0}},{"name":"Groovy","params":{"fit":"none","scale":5,"rotation":90,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"colorFront":"#fcfcee","colorBack":"#ff896b","shape":3,"frequency":0.2,"amplitude":0.25,"spacing":1.17,"proportion":0.57,"softness":0}},{"name":"Tangled up","params":{"fit":"none","scale":0.5,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"colorFront":"#133a41","colorBack":"#c2d8b6","shape":2.07,"frequency":0.44,"amplitude":0.57,"spacing":1.05,"proportion":0.75,"softness":0}},{"name":"Ride the wave","params":{"fit":"none","scale":1.7,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"colorFront":"#fdffe6","colorBack":"#1f1f1f","shape":2.25,"frequency":0.2,"amplitude":1,"spacing":1.25,"proportion":1,"softness":0}}]},{"slug":"neuro-noise","name":"Neuro Noise","component":"NeuroNoise","description":"Glowing fluid lines and junctions that resemble a neural network.","category":"composition","engine":"paper","tags":["noise","neural","glow","motion"],"supportsMotion":true,"preferredAssets":["photo","graphic","logo"],"compositionMode":"blend","install":"npm install --save-exact @paper-design/shaders-react@0.0.77","runtimeVersion":"0.0.77","presets":[{"name":"Default","params":{"fit":"none","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":1,"frame":0,"colorFront":"#ffffff","colorMid":"#47a6ff","colorBack":"#000000","brightness":0.05,"contrast":0.3}},{"name":"Sensation","params":{"fit":"none","scale":3,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":1,"frame":0,"colorFront":"#00c8ff","colorMid":"#fbff00","colorBack":"#8b42ff","brightness":0.19,"contrast":0.12}},{"name":"Bloodstream","params":{"fit":"none","scale":0.7,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":1,"frame":0,"colorFront":"#ff0000","colorMid":"#ff0000","colorBack":"#ffffff","brightness":0.24,"contrast":0.17}},{"name":"Ghost","params":{"fit":"none","scale":0.55,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":1,"frame":0,"colorFront":"#ffffff","colorMid":"#000000","colorBack":"#ffffff","brightness":0,"contrast":1}}]},{"slug":"perlin-noise","name":"Perlin Noise","component":"PerlinNoise","description":"A three-dimensional noise field with adjustable frequency, persistence, and color balance.","category":"composition","engine":"paper","tags":["perlin","noise","organic","motion"],"supportsMotion":true,"preferredAssets":["photo","logo","graphic"],"compositionMode":"background","install":"npm install --save-exact @paper-design/shaders-react@0.0.77","runtimeVersion":"0.0.77","presets":[{"name":"Default","params":{"fit":"none","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":0.5,"frame":0,"colorBack":"#632ad5","colorFront":"#fccff7","proportion":0.35,"softness":0.1,"octaveCount":1,"persistence":1,"lacunarity":1.5}},{"name":"Nintendo Water","params":{"fit":"none","scale":5,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":0.4,"frame":0,"colorBack":"#2d69d4","colorFront":"#d1eefc","proportion":0.42,"softness":0,"octaveCount":2,"persistence":0.55,"lacunarity":1.8}},{"name":"Moss","params":{"fit":"none","scale":6.666666666666667,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":0.02,"frame":0,"colorBack":"#05ff4a","colorFront":"#262626","proportion":0.65,"softness":0.35,"octaveCount":6,"persistence":1,"lacunarity":2.55}},{"name":"Worms","params":{"fit":"none","scale":0.9,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":0,"frame":0,"colorBack":"#ffffff00","colorFront":"#595959","proportion":0.5,"softness":0,"octaveCount":1,"persistence":1,"lacunarity":1.5}}]},{"slug":"simplex-noise","name":"Simplex Noise","component":"SimplexNoise","description":"A futuristic multicolor noise background shaped by smooth curve mapping.","category":"composition","engine":"paper","tags":["simplex","noise","gradient","motion"],"supportsMotion":true,"preferredAssets":["photo","logo","graphic"],"compositionMode":"background","install":"npm install --save-exact @paper-design/shaders-react@0.0.77","runtimeVersion":"0.0.77","presets":[{"name":"Default","params":{"fit":"none","scale":0.6,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":0.5,"frame":0,"colors":["#4449CF","#FFD1E0","#F94446","#FFD36B","#FFFFFF"],"stepsPerColor":2,"softness":0}},{"name":"Spots","params":{"fit":"none","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":0.6,"frame":0,"colors":["#ff7b00","#f9ffeb","#320d82"],"stepsPerColor":1,"softness":0}},{"name":"First contact","params":{"fit":"none","scale":0.2,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":2,"frame":0,"colors":["#e8cce6","#120d22","#442c44","#e6baba","#fff5f5"],"stepsPerColor":2,"softness":0}},{"name":"Bubblegum","params":{"fit":"none","scale":1.6,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":2,"frame":0,"colors":["#ffffff","#ff9e9e","#5f57ff","#00f7ff"],"stepsPerColor":1,"softness":1}}]},{"slug":"voronoi","name":"Voronoi","component":"Voronoi","description":"A flowing cellular grid with adjustable gaps, glow, and distortion.","category":"composition","engine":"paper","tags":["voronoi","cells","organic","motion"],"supportsMotion":true,"preferredAssets":["logo","graphic","photo"],"compositionMode":"mask","install":"npm install --save-exact @paper-design/shaders-react@0.0.77","runtimeVersion":"0.0.77","presets":[{"name":"Default","params":{"fit":"none","scale":0.5,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":0.5,"frame":0,"colors":["#ff8247","#ffe53d"],"stepsPerColor":3,"colorGlow":"#ffffff","colorGap":"#2e0000","distortion":0.4,"gap":0.04,"glow":0}},{"name":"Lights","params":{"fit":"none","scale":3.3,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":0.5,"frame":0,"colors":["#fffffffc","#bbff00","#00ffff"],"colorGlow":"#ff00d0","colorGap":"#ff00d0","stepsPerColor":2,"distortion":0.38,"gap":0,"glow":1}},{"name":"Cells","params":{"fit":"none","scale":0.5,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":0.5,"frame":0,"colors":["#ffffff"],"stepsPerColor":1,"colorGlow":"#ffffff","colorGap":"#000000","distortion":0.5,"gap":0.03,"glow":0.8}},{"name":"Bubbles","params":{"fit":"none","scale":0.75,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":0.5,"frame":0,"colors":["#83c9fb"],"stepsPerColor":1,"colorGlow":"#ffffff","colorGap":"#ffffff","distortion":0.4,"gap":0,"glow":1}}]},{"slug":"pulsing-border","name":"Pulsing Border","component":"PulsingBorder","description":"Moves and pulses luminous color around a border with smoky trails.","category":"composition","engine":"paper","tags":["border","glow","card","motion"],"supportsMotion":true,"preferredAssets":["photo","logo","graphic"],"compositionMode":"background","install":"npm install --save-exact @paper-design/shaders-react@0.0.77","runtimeVersion":"0.0.77","presets":[{"name":"Default","params":{"fit":"contain","scale":0.6,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":1,"frame":0,"colorBack":"#000000","colors":["#0dc1fd","#d915ef","#ff3f2ecc"],"roundness":0.25,"thickness":0.1,"margin":0,"marginLeft":0,"marginRight":0,"marginTop":0,"marginBottom":0,"aspectRatio":"auto","softness":0.75,"intensity":0.2,"bloom":0.25,"spots":5,"spotSize":0.5,"pulse":0.25,"smoke":0.3,"smokeSize":0.6}},{"name":"Circle","params":{"fit":"contain","scale":0.6,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"aspectRatio":"square","speed":1,"frame":0,"colorBack":"#000000","colors":["#0dc1fd","#d915ef","#ff3f2ecc"],"roundness":1,"margin":0,"marginLeft":0,"marginRight":0,"marginTop":0,"marginBottom":0,"thickness":0,"softness":0.75,"intensity":0.2,"bloom":0.45,"spots":3,"spotSize":0.4,"pulse":0.5,"smoke":1,"smokeSize":0}},{"name":"Northern lights","params":{"fit":"contain","scale":1.1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":0.18,"frame":0,"colors":["#4c4794","#774a7d","#12694a","#0aff78","#4733cc"],"colorBack":"#0c182c","roundness":0,"thickness":1,"softness":1,"margin":0,"marginLeft":0,"marginRight":0,"marginTop":0,"marginBottom":0,"aspectRatio":"auto","intensity":0.1,"bloom":0.2,"spots":4,"spotSize":0.25,"pulse":0,"smoke":0.32,"smokeSize":0.5}},{"name":"Solid line","params":{"fit":"contain","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":1,"frame":0,"colors":["#81ADEC"],"colorBack":"#00000000","roundness":0,"thickness":0.05,"margin":0,"marginLeft":0,"marginRight":0,"marginTop":0,"marginBottom":0,"aspectRatio":"auto","softness":0,"intensity":0,"bloom":0.15,"spots":4,"spotSize":1,"pulse":0,"smoke":0,"smokeSize":0}}]},{"slug":"metaballs","name":"Metaballs","component":"Metaballs","description":"Moves multiple colorful soft bodies around a center and blends them organically.","category":"composition","engine":"paper","tags":["metaballs","blobs","playful","motion"],"supportsMotion":true,"preferredAssets":["photo","logo","graphic"],"compositionMode":"background","install":"npm install --save-exact @paper-design/shaders-react@0.0.77","runtimeVersion":"0.0.77","presets":[{"name":"Default","params":{"fit":"contain","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":1,"frame":0,"colorBack":"#000000","colors":["#6e33cc","#ff5500","#ffc105","#ffc800","#f585ff"],"count":10,"size":0.83}},{"name":"Ink Drops","params":{"fit":"contain","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":2,"frame":0,"colorBack":"#ffffff00","colors":["#000000"],"count":18,"size":0.1}},{"name":"Solar","params":{"fit":"contain","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":1,"frame":0,"colors":["#ffc800","#ff5500","#ffc105"],"colorBack":"#102f84","count":7,"size":0.75}},{"name":"Background","params":{"fit":"contain","scale":4,"rotation":0,"offsetX":-0.3,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":0.5,"frame":0,"colors":["#ae00ff","#00ff95","#ffc105"],"colorBack":"#2a273f","count":13,"size":0.81}}]},{"slug":"color-panels","name":"Color Panels","component":"ColorPanels","description":"Rotates translucent color panels around an axis to create a glass-like spatial field.","category":"composition","engine":"paper","tags":["panels","glass","3d","motion"],"supportsMotion":true,"preferredAssets":["photo","logo","graphic"],"compositionMode":"background","install":"npm install --save-exact @paper-design/shaders-react@0.0.77","runtimeVersion":"0.0.77","presets":[{"name":"Default","params":{"fit":"contain","scale":0.8,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":0.5,"frame":0,"colors":["#ff9d00","#fd4f30","#809bff","#6d2eff","#333aff","#f15cff","#ffd557"],"colorBack":"#000000","angle1":0,"angle2":0,"length":1.1,"edges":false,"blur":0,"fadeIn":1,"fadeOut":0.3,"gradient":0,"density":3}},{"name":"Glass","params":{"fit":"contain","scale":1,"rotation":112,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":1,"frame":0,"colors":["#00cfff","#ff2d55","#34c759","#af52de"],"colorBack":"#ffffff00","angle1":0.3,"angle2":0.3,"length":1,"edges":true,"blur":0.25,"fadeIn":0.85,"fadeOut":0.3,"gradient":0,"density":1.6}},{"name":"Gradient","params":{"fit":"contain","scale":1.72,"rotation":270,"offsetX":0.18,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":0.5,"frame":0,"colors":["#f2ff00","#00000000","#00000000","#5a0283","#005eff"],"colorBack":"#8ffff2","angle1":0.4,"angle2":0.4,"length":3,"edges":false,"blur":0.5,"fadeIn":1,"fadeOut":0.39,"gradient":0.78,"density":1.65}},{"name":"Opening","params":{"fit":"contain","scale":2.32,"rotation":360,"offsetX":-0.3,"offsetY":0.6,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":2,"frame":0,"colors":["#00ffff"],"colorBack":"#570044","angle1":-1,"angle2":-1,"length":0.52,"edges":false,"blur":0,"fadeIn":0,"fadeOut":1,"gradient":0,"density":2.21}}]},{"slug":"smoke-ring","name":"Smoke Ring","component":"SmokeRing","description":"A soft smoke ring and colored halo that grows around the center.","category":"composition","engine":"paper","tags":["smoke","ring","atmosphere","motion"],"supportsMotion":true,"preferredAssets":["logo","graphic","photo"],"compositionMode":"mask","install":"npm install --save-exact @paper-design/shaders-react@0.0.77","runtimeVersion":"0.0.77","presets":[{"name":"Default","params":{"fit":"contain","scale":0.8,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":0.5,"frame":0,"colorBack":"#000000","colors":["#ffffff"],"noiseScale":3,"noiseIterations":8,"radius":0.25,"thickness":0.65,"innerShape":0.7}},{"name":"Line","params":{"fit":"contain","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"frame":0,"colorBack":"#000000","colors":["#4540a4","#1fe8ff"],"noiseScale":1.1,"noiseIterations":2,"radius":0.38,"thickness":0.01,"innerShape":0.88,"speed":4}},{"name":"Solar","params":{"fit":"contain","scale":2,"rotation":0,"offsetX":0,"offsetY":1,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"speed":1,"frame":0,"colorBack":"#000000","colors":["#ffffff","#ffca0a","#fc6203","#fc620366"],"noiseScale":2,"noiseIterations":3,"radius":0.4,"thickness":0.8,"innerShape":4}},{"name":"Cloud","params":{"fit":"contain","scale":2.5,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"frame":0,"colorBack":"#81ADEC","colors":["#ffffff"],"noiseScale":3,"noiseIterations":10,"radius":0.5,"thickness":0.65,"innerShape":0.85,"speed":0.5}}]},{"slug":"god-rays","name":"God Rays","component":"GodRays","description":"Volumetric light, energy beams, and halos radiating from the center.","category":"composition","engine":"paper","tags":["rays","light","cinematic","motion"],"supportsMotion":true,"preferredAssets":["logo","graphic","photo"],"compositionMode":"background","install":"npm install --save-exact @paper-design/shaders-react@0.0.77","runtimeVersion":"0.0.77","presets":[{"name":"Default","params":{"fit":"contain","scale":1,"rotation":0,"offsetX":0,"offsetY":-0.55,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"colorBack":"#000000","colorBloom":"#0000ff","colors":["#a600ff6e","#6200fff0","#ffffff","#33fff5"],"density":0.3,"spotty":0.3,"midIntensity":0.4,"midSize":0.2,"intensity":0.8,"bloom":0.4,"speed":0.75,"frame":0}},{"name":"Warp","params":{"fit":"contain","scale":1,"rotation":0,"offsetX":0,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"colorBack":"#000000","colorBloom":"#222288","colors":["#ff47d4","#ff8c00","#ffffff"],"density":0.45,"spotty":0.15,"midIntensity":0.4,"midSize":0.33,"intensity":0.79,"bloom":0.4,"speed":2,"frame":0}},{"name":"Linear","params":{"fit":"contain","scale":1,"rotation":0,"offsetX":0.2,"offsetY":-0.8,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"colorBack":"#000000","colorBloom":"#eeeeee","colors":["#ffffff1f","#ffffff3d","#ffffff29"],"density":0.41,"spotty":0.25,"midSize":0.1,"midIntensity":0.75,"intensity":0.79,"bloom":1,"speed":0.5,"frame":0}},{"name":"Ether","params":{"fit":"contain","scale":1,"rotation":0,"offsetX":-0.6,"offsetY":0,"originX":0.5,"originY":0.5,"worldWidth":0,"worldHeight":0,"colorBack":"#090f1d","colorBloom":"#ffffff","colors":["#148effa6","#c4dffebe","#232a47"],"density":0.03,"spotty":0.77,"midSize":0.1,"midIntensity":0.6,"intensity":0.6,"bloom":0.6,"speed":1,"frame":0}}]},{"slug":"chromatic-lens","name":"Chromatic Lens","component":"ChromaticLens","description":"Splits a real image into red and cyan channels, then recombines them with optical displacement.","category":"photo-treatment","engine":"canvas","tags":["chromatic","lens","rgb","photo","logo"],"supportsMotion":true,"preferredAssets":["photo","graphic","logo"],"compositionMode":"background","install":null,"runtimeVersion":"1.0.0","presets":[{"name":"Optical","params":{"fit":"contain","scale":1,"frame":0,"amount":0.018,"zoom":0.012,"angle":0,"speed":0.12}},{"name":"Prism","params":{"fit":"contain","scale":1,"frame":0,"amount":0.045,"zoom":0.025,"angle":32,"speed":0.24}},{"name":"Split","params":{"fit":"contain","scale":1,"frame":0,"amount":0.075,"zoom":0,"angle":0,"speed":0}}]},{"slug":"duotone-map","name":"Duotone Map","component":"DuotoneMap","description":"Maps every pixel between two brand colors by luminance instead of applying a flat overlay.","category":"photo-treatment","engine":"canvas","tags":["duotone","gradient-map","color","brand","photo"],"supportsMotion":false,"preferredAssets":["photo","graphic"],"compositionMode":"background","install":null,"runtimeVersion":"1.0.0","presets":[{"name":"Acid","params":{"fit":"contain","scale":1,"frame":0,"colorShadow":"#121217","colorHighlight":"#c9ff5b","contrast":1.08,"mix":1,"speed":0}},{"name":"Violet","params":{"fit":"contain","scale":1,"frame":0,"colorShadow":"#170b2f","colorHighlight":"#b9a5ff","contrast":1.18,"mix":1,"speed":0}},{"name":"Editorial","params":{"fit":"contain","scale":1,"frame":0,"colorShadow":"#161411","colorHighlight":"#f2e9d8","contrast":1.35,"mix":0.82,"speed":0}}]},{"slug":"pixel-sort","name":"Pixel Sort","component":"PixelSort","description":"Sorts contiguous pixel runs by luminance thresholds to create controllable digital streaks.","category":"photo-treatment","engine":"canvas","tags":["pixel","sort","glitch","data","photo"],"supportsMotion":true,"preferredAssets":["photo","graphic"],"compositionMode":"background","install":null,"runtimeVersion":"1.0.0","presets":[{"name":"Signal","params":{"fit":"contain","scale":1,"frame":0,"threshold":0.46,"streak":0.42,"direction":"horizontal","jitter":0.08,"speed":0.18}},{"name":"Vertical","params":{"fit":"contain","scale":1,"frame":0,"threshold":0.58,"streak":0.58,"direction":"vertical","jitter":0.04,"speed":0.12}},{"name":"Melt","params":{"fit":"contain","scale":1,"frame":0,"threshold":0.32,"streak":0.82,"direction":"horizontal","jitter":0.18,"speed":0.34}}]},{"slug":"liquify","name":"Liquify","component":"Liquify","description":"Applies continuous sliced displacement to create fluid deformation within a photo or logo.","category":"photo-treatment","engine":"canvas","tags":["liquify","wave","distortion","fluid","motion"],"supportsMotion":true,"preferredAssets":["photo","logo","graphic"],"compositionMode":"background","install":null,"runtimeVersion":"1.0.0","presets":[{"name":"Current","params":{"fit":"contain","scale":1,"frame":0,"amplitude":0.035,"frequency":3.5,"turbulence":0.12,"speed":0.32}},{"name":"Silk","params":{"fit":"contain","scale":1,"frame":0,"amplitude":0.075,"frequency":2.2,"turbulence":0.08,"speed":0.18}},{"name":"Heat","params":{"fit":"contain","scale":1,"frame":0,"amplitude":0.045,"frequency":8,"turbulence":0.32,"speed":0.55}}]},{"slug":"frosted-tiles","name":"Frosted Glass Tiles","component":"FrostedTiles","description":"Refracts, offsets, and blurs tiled sections of the asset into true frosted-glass blocks.","category":"photo-treatment","engine":"canvas","tags":["glass","frost","tiles","refraction","photo"],"supportsMotion":true,"preferredAssets":["photo","graphic","logo"],"compositionMode":"background","install":null,"runtimeVersion":"1.0.0","presets":[{"name":"Studio","params":{"fit":"contain","scale":1,"frame":0,"tileSize":72,"blur":7,"displacement":0.16,"highlight":0.25,"speed":0.08}},{"name":"Blocks","params":{"fit":"contain","scale":1,"frame":0,"tileSize":118,"blur":3,"displacement":0.34,"highlight":0.38,"speed":0.14}},{"name":"Ice","params":{"fit":"contain","scale":1,"frame":0,"tileSize":48,"blur":12,"displacement":0.22,"highlight":0.52,"speed":0.1}}]},{"slug":"edge-glow","name":"Edge Glow","component":"EdgeGlow","description":"Detects asset edges and builds an independent luminous contour layer while preserving interior detail.","category":"photo-treatment","engine":"canvas","tags":["edge","glow","light","neon","logo"],"supportsMotion":true,"preferredAssets":["logo","graphic","photo"],"compositionMode":"background","install":null,"runtimeVersion":"1.0.0","presets":[{"name":"Lime","params":{"fit":"contain","scale":1,"frame":0,"colorGlow":"#c9ff5b","intensity":0.92,"radius":0.52,"sourceOpacity":0.68,"speed":0.2}},{"name":"Ultraviolet","params":{"fit":"contain","scale":1,"frame":0,"colorGlow":"#9f7cff","intensity":1,"radius":0.72,"sourceOpacity":0.56,"speed":0.34}},{"name":"White Hot","params":{"fit":"contain","scale":1,"frame":0,"colorGlow":"#ffffff","intensity":0.78,"radius":0.3,"sourceOpacity":0.76,"speed":0.1}}]},{"slug":"film-lab","name":"Film Lab","component":"FilmLab","description":"Composites film grain, vignette, color temperature, and light leaks as independent post effects.","category":"photo-treatment","engine":"canvas","tags":["film","grain","vignette","light-leak","photo"],"supportsMotion":true,"preferredAssets":["photo","graphic"],"compositionMode":"background","install":null,"runtimeVersion":"1.0.0","presets":[{"name":"35mm","params":{"fit":"contain","scale":1,"frame":0,"grain":0.28,"vignette":0.34,"leak":0.14,"temperature":0.08,"speed":0.45}},{"name":"Expired","params":{"fit":"contain","scale":1,"frame":0,"grain":0.48,"vignette":0.42,"leak":0.62,"temperature":0.34,"speed":0.62}},{"name":"Noir","params":{"fit":"contain","scale":1,"frame":0,"grain":0.38,"vignette":0.58,"leak":0,"temperature":-0.4,"monochrome":true,"speed":0.35}}]},{"slug":"reveal-motion","name":"Reveal Motion","component":"RevealMotion","description":"Uses pixel, halftone, or liquid thresholds to truly mask the asset into a looping reveal.","category":"interactive","engine":"canvas","tags":["reveal","dither","pixel","mask","motion"],"supportsMotion":true,"preferredAssets":["logo","graphic","photo"],"compositionMode":"background","install":null,"runtimeVersion":"1.0.0","presets":[{"name":"Dither","params":{"fit":"contain","scale":1,"frame":0,"pattern":"dither","progress":0.56,"softness":0.08,"direction":"left","speed":0.34}},{"name":"Pixel","params":{"fit":"contain","scale":1,"frame":0,"pattern":"pixel","progress":0.5,"softness":0.02,"direction":"up","speed":0.45}},{"name":"Liquid","params":{"fit":"contain","scale":1,"frame":0,"pattern":"liquid","progress":0.48,"softness":0.16,"direction":"left","speed":0.26}}]},{"slug":"cursor-ripple","name":"Cursor Ripple","component":"CursorRipple","description":"Uses the live pointer position to create concentric refraction and spring response in the sampled image.","category":"interactive","engine":"canvas","tags":["cursor","ripple","interactive","refraction","hover"],"supportsMotion":true,"preferredAssets":["photo","logo","graphic"],"compositionMode":"background","install":null,"runtimeVersion":"1.0.0","presets":[{"name":"Water","params":{"fit":"contain","scale":1,"frame":0,"strength":0.055,"radius":0.28,"rings":4,"damping":0.72,"speed":0.72}},{"name":"Lens","params":{"fit":"contain","scale":1,"frame":0,"strength":0.095,"radius":0.19,"rings":2,"damping":0.84,"speed":0.5}},{"name":"Echo","params":{"fit":"contain","scale":1,"frame":0,"strength":0.042,"radius":0.46,"rings":7,"damping":0.56,"speed":1}}]},{"slug":"holographic-film","name":"Holographic Film","component":"HolographicFilm","description":"Uses transparency and luminance to layer a continuous spectrum into polarized film and holographic material.","category":"interactive","engine":"canvas","tags":["holographic","thin-film","iridescent","logo","material"],"supportsMotion":true,"preferredAssets":["logo","graphic","photo"],"compositionMode":"background","install":null,"runtimeVersion":"1.0.0","presets":[{"name":"Holofoil","params":{"fit":"contain","scale":1,"frame":0,"spectrum":0.78,"angle":32,"iridescence":0.82,"grain":0.14,"speed":0.3}},{"name":"Pearl","params":{"fit":"contain","scale":1,"frame":0,"spectrum":0.42,"angle":72,"iridescence":0.46,"grain":0.08,"speed":0.16}},{"name":"Oil Slick","params":{"fit":"contain","scale":1,"frame":0,"spectrum":1,"angle":12,"iridescence":1,"grain":0.26,"speed":0.48}}]},{"slug":"signal-damage","name":"Signal Damage","component":"SignalDamage","description":"Simulates a damaged video signal with horizontal tears, channel offsets, scanlines, and deterministic noise.","category":"interactive","engine":"canvas","tags":["vhs","crt","sensor","glitch","motion"],"supportsMotion":true,"preferredAssets":["photo","graphic","logo"],"compositionMode":"background","install":null,"runtimeVersion":"1.0.0","presets":[{"name":"VHS","params":{"fit":"contain","scale":1,"frame":0,"shift":0.018,"scanlines":0.46,"noise":0.2,"tear":0.18,"speed":0.65}},{"name":"Damaged Sensor","params":{"fit":"contain","scale":1,"frame":0,"shift":0.04,"scanlines":0.12,"noise":0.38,"tear":0.52,"speed":0.82}},{"name":"CRT","params":{"fit":"contain","scale":1,"frame":0,"shift":0.012,"scanlines":0.82,"noise":0.12,"tear":0.08,"speed":0.35}}]},{"slug":"focus-echo","name":"Focus Echo","component":"FocusEcho","description":"Combines tilt focus, zoom blur, and layered motion echoes while keeping the subject sharp.","category":"photo-treatment","engine":"canvas","tags":["tilt-shift","zoom-blur","echo","focus","photo"],"supportsMotion":true,"preferredAssets":["photo","graphic"],"compositionMode":"background","install":null,"runtimeVersion":"1.0.0","presets":[{"name":"Tilt","params":{"fit":"contain","scale":1,"frame":0,"focus":0.5,"blur":9,"echo":0.08,"zoom":0.01,"vertical":true,"speed":0.1}},{"name":"Rush","params":{"fit":"contain","scale":1,"frame":0,"focus":0.5,"blur":5,"echo":0.34,"zoom":0.065,"vertical":false,"speed":0.46}},{"name":"Memory","params":{"fit":"contain","scale":1,"frame":0,"focus":0.42,"blur":13,"echo":0.22,"zoom":0.025,"vertical":true,"speed":0.22}}]}]}