{"id":"shadergradient","name":"Shader Gradient","url":"https://wunderlust.xyz/r/shadergradient","category":"three","category_label":"3D & WebGL","tags":["webgl","react","figma","open-source"],"short":"Animated 3D gradients for React, Framer and Figma","what":"Moving 3D gradients, customizable by shape, color and motion, for React, Framer and Figma. There is a Figma plugin, a Framer component and a React package.","uses":"For adding an animated gradient background to a React site, a Framer project or a Figma design.","benefits":["Available for React, Framer and Figma","Customizable shape, color and motion","Website with an editor at shadergradient.co"],"caveats":["The repository's license isn't declared on GitHub"],"links":{"official":"https://github.com/ruucm/shadergradient","other":["https://shadergradient.co"]},"image":"https://wunderlust.xyz/media/shadergradient-poster.jpg","video":"https://wunderlust.xyz/media/shadergradient.webm","share_image":"https://wunderlust.xyz/og/r/shadergradient.jpg","similar":["react-three-fiber","shaders","liquid-logo","figma-shader-moving-blobs","spell-ui","three-js"],"added_on":"2026-11-07","pt":{"name":"Shader Gradient","short":"Gradientes 3D animados para React, Framer e Figma","what":"Gradientes 3D em movimento, personalizáveis por forma, cor e movimento, para React, Framer e Figma. Há plugin do Figma, componente do Framer e pacote React.","uses":"Para colocar um fundo de gradiente animado em um site React, em um projeto no Framer ou em um design no Figma.","benefits":["Disponível para React, Framer e Figma","Forma, cor e movimento personalizáveis","Site com editor em shadergradient.co"],"caveats":["A licença do repositório não está declarada no GitHub"]},"schema_version":1}