Bolt.new Launches Live Shaders to Automate High-End WebGL Visual Polish

bolt.newbolt.new

· Updated

Bolt.new now supports live Shaders, allowing users to generate complex WebGL-powered moving backgrounds through a single natural language prompt. This update enables non-specialists to add high-end visual polish to web applications that previously required days of manual graphics programming.

Bolt.new, a browser-based development platform from StackBlitz, enabled live support for Shaders. This integration allows the platform's AI agent to generate and implement complex WebGL (a JavaScript API for rendering high-performance graphics) backgrounds and visual effects using a single natural language prompt.

Creating custom animated backgrounds historically required specialized knowledge of shader math, often taking days of manual effort. This update builds on the Shaders connector to lower the barrier for vibe coding high-fidelity interfaces. It signals a shift where agentic tools move beyond functional logic to handle premium visual polish.

You can now prompt the agent to add interactive, moving backgrounds or distortion effects directly within the development environment. The feature follows recent updates to professional team collaboration roles and is powered by an integration with Shaders.com. These capabilities are available now for all users building within the platform's web-based IDE.

View the full update on bolt.new
bolt.new
bolt.new
@boltdotnew
X

Gorgeous moving backgrounds used to mean a week of webgl. Now it's a single prompt because Shaders are live in Bolt. Full demo below 👇 learn more about Shaders here 👉 @npm_i_shaders https://t.co/FuX9lAJFA6

4retweets31likes
View on X

Still wondering? A few quick answers below.

Shaders in Bolt.new are specialized programs that run on a computer's graphics processor to render high-performance visual effects. This integration allows the platform's AI agent to create interactive, moving backgrounds and complex animations using WebGL. It simplifies the process of adding professional-grade visual polish to web applications without requiring manual graphics programming.

You can add animated backgrounds in Bolt.new by providing a single natural language prompt to the AI agent. The agent uses a live integration with Shaders.com to access a library of presets and automatically configures the necessary WebGL code. This allows you to implement sophisticated motion components and distortion effects directly within your web project.

Using Shaders in Bolt.new significantly reduces the time and expertise required to build high-end web visuals. Traditionally, creating custom WebGL animations could take a developer a week of manual effort. With this update, the AI agent handles the technical implementation instantly via a single prompt, allowing you to focus on the application's core functionality.

The live Shaders feature is currently available to users building web applications within the Bolt.new browser-based development environment. It is powered by an integration with Shaders.com, giving the AI agent access to a wide range of animated presets. Users can start using these capabilities immediately by prompting the agent to add visual effects to their projects.

Every HeadsUpAI update is written based on its original source and reviewed before it's published. Read our editorial standards →

See all AI news & updates from Bolt.new →

Share this update