---
title: Jupyter-like Notebooks for Shaders
slug: jupyter-like-notebooks-for-shaders
published_date: 2026-03-03T07:56:00+00:00
tags: graphics, rust
publish: true
make_discoverable: true
is_page: false
meta_description: "web based GLSL shader notebooks: write fragment shaders in editable cells with live previews — like a Jupyter notebook but for shaders."
---

TLDR: I made simple web based GLSL shader notebooks where you can write shaders in editable cells with live previews — like a Jupyter notebook but for shaders. You can try out the live demo at [shadertoy.armeet.ca](http://shadertoy.armeet.ca) and view the source code at [github.com/armeetj/shadertoy](https://github.com/armeetj/shadertoy).

<img src="https://private-user-images.githubusercontent.com/38377327/557322656-07e7cb2d-3ea4-449c-93bb-6ecfe2b39735.png?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NzI1MjUwOTIsIm5iZiI6MTc3MjUyNDc5MiwicGF0aCI6Ii8zODM3NzMyNy81NTczMjI2NTYtMDdlN2NiMmQtM2VhNC00NDljLTkzYmItNmVjZmUyYjM5NzM1LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNjAzMDMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjYwMzAzVDA3NTk1MlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTkyNDBhMDNkYTUyZjNjYjljYjZhZDAxODY1N2IyOTEwZDhiYmZmN2QyNmQ3YzQ0ODQwN2UxNmY0N2FkNTBiYjgmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.WWdNCffBDx_hNkrYloZhsIQlai20wFmsLxMfurHu3a0" />


One of my friends had the idea to work on a simple IDE where he could type in something like `rectangle(10)` or `circle(10, red)` and have live-rendered previews show up inline in the editor. The idea was inspired by Strudel (you can write beats as code).

The name for this project is inspired by the original [shadertoy](https://shadertoy.com) website, where users share GLSL shaders used to create some amazing graphics! You can paste any of these examples into my web renderer to edit and update them in realtime.
