Create Premium shader backgrounds without writing single of Math.
Hello readers,
This is an story about how Shader studio got created.
I am Eswar prasaath (Indie hacker) building casberry an Creative agency that builds beautiful things and solves problems. Recently I was working on a new website project from one of my clients. I thought about creating a backgrounds that makes the User experience better and pass the feel of that brand to the user.
I started to explore videos or mesh gradients but seems like it takes time to load and make the website slow. I am very much strict about my wish that I need something that loads faster and looks high quality. Then I thought why can’t I try to create some shader backgrounds using DeepSeek 4.1 flash since it was newly launched.
Writing shader requires a deep understanding of mathematics topics and has a steep learning curve. That’s why I handed it over to AI.
Initially, I have created some backgrounds that feels premium and had smooth motion. I got attracted by this idea and then spontaneously started to develop this idea into an Pure GLSL shader studio similar to my previous project “Particles”, where the user can able to create anything they want in pure GLSL and export them in one click according to their needs and use them on production without any issues.
The problem with shaders directly created by the AI agent itself is we can’t able to tweak them manually since the code is full of shader math. That leads to creating a GUI for the Humans and creating Complex shader math is delegated to AI.
UI/UX:
I want the UI to look like a soft hardware inspired by the teenage engineering aesthetics. It should feel like you are playing with some cool tool like a real hardware that can create beautiful things.
After a lot of iteration, I ended up creating the first version of shader studio, which looks great with production grade Post-FX and the system prompt that guides the AI to create error free code that works instantly. You can tweak the shader controls to get what you need exactly with tactile precision.
Then I thought it has come out very well, what if other designers, web developers, App developers has the same problem where they have the vision of the background they need but can’t able to bring it into reality. So I decided to convert this into a small SAAS web Application, so that anyone can able to create beautiful premium grade backgrounds using any AI models.
Get Eswarprasaath’s stories in your inbox
Join Medium for free to get updates from this writer.
Hope you have enjoyed this short story about the seed and thought of how something got created.
By the way, this application took about 20 days to complete and release the first version.
Here is the Shader studio link: https://shaderstudio.dev
You can check out all the features on this landing page and explore them on studio itself.
It does comes with an Free forever plan where you can able to explore all the capabilities of default 8 shaders and can able to export them and use it on commercial projects directly.
Do check it out and let me know your feedback in comments or support@casberry.in
Thank you for your valuable time.
Here are some of Generated background image outputs:
