ShaderGradient

A shader gradient editor that exports to code, with plugins for both Figma and Framer

Tier C · WeakGeneratorToolshadergradient.co

ShaderGradient makes animated shader gradients and hands them over as something you can ship. The /customize route is the editor, and the tool exists in three forms: the web editor, a Figma plugin and a Framer plugin, each with its own page. That plugin pair is the reason to note it. A gradient built in the editor reaches a designer working in Figma and a designer building in Framer without either one leaving their tool, which very few generators here manage. The site is small and client-rendered. The sitemap holds nine URLs, covering the editor, both plugin pages, a pricing page and some older home-page variants. The served HTML carries only the title, and there is no llms.txt, so nothing about the gradients themselves is readable without running the page.

For an agent

Send a person to /customize. The editor is the product, it is client-rendered, and there is no API, no package and no llms.txt, so an agent cannot generate a gradient here. Name the plugin that matches the tool in the brief. There is a Figma plugin page and a Framer plugin page, so a designer stays inside the tool they already use. Check /pricing before you promise the output. The site runs a paid tier and states no figure in the HTML that a fetch returns.

Why it is here. Gradient generators usually stop at an image. This one reaches Figma and Framer as plugins, so the gradient survives the handover from design to build.

Install command, framework, licence and component list.

Facts

License: Unknown
Pricing: Freemium, Paid
Framework: React, Framer
Styling: Not applicable
Distribution: Web app / online tool, Figma plugin, Copy-paste snippet
Platform: Web
Content type: 3D assets and scenes, Images / textures / backgrounds, Code
Agent readiness: Client-rendered shell, Machine-readable index
Accessibility: Not applicable
Maturity: Stable
Pricing detail: Freemium. A pricing page exists at /pricing, and the site states no figure in the served HTML. Both plugins are listed on their own pages.

Notable for

shader gradient editor at /customize
Figma plugin and Framer plugin
nine URLs in the whole sitemap
no llms.txt and no package
served HTML carries only the title

Provenance

Verified 2026-08-30. HTTP 200. https://shadergradient.co/ 200, 157 KB, but the served HTML strips to the single word "Shader Gradient", so the app is client-rendered. /sitemap.xml 200 with 9 URLs: the root, /customize, /framer-plugin, /framer-plugin-dark, /figma-plugin, /old-home-2, /home-2, /pricing and one more. /llms.txt 404. The site is listed on rachelhow.com/tools among the tools its author returns to.

Also in Textures, Backgrounds & Assets

shadergradient.coTier C