Shader Gallery
Circuit shaders are small programs run by Circuit Diagram to modify the appearance of a circuit.
When exporting a circuit as an image from the Beta Web Editor, select one of these shaders to use. Or, write a custom shader in Python by following the instructions in the circuit shaders repository on GitHub.
![Preview of Background Grid](https://api.circuit-diagram.org/document/store/render/shader/3e717320e1da4d8c9b53f14e3c3b2cb0-background_grid_0.1.0.webp)
Background Grid
Adds a background grid, similar to the one in the editor.
![Preview of Blueprint](https://api.circuit-diagram.org/document/store/render/shader/3e717320e1da4d8c9b53f14e3c3b2cb0-blueprint_0.1.0.webp)
Blueprint
Renders the circuit as white on a blue background with a faded grid and thin wires.
![Preview of Classic CAD](https://api.circuit-diagram.org/document/store/render/shader/3e717320e1da4d8c9b53f14e3c3b2cb0-classic_cad_0.1.0.webp)
Classic CAD
Fills components with a muted yellow color with blue text and a simple background grid.
![Preview of Dark Theme](https://api.circuit-diagram.org/document/store/render/shader/3e717320e1da4d8c9b53f14e3c3b2cb0-dark_theme_0.1.0.webp)
Dark Theme
Renders the circuit with a dark theme.
![Preview of Square Connections](https://api.circuit-diagram.org/document/store/render/shader/ea648c42-square_connections_0.1.0.webp)
Square Connections
Renders connection points as squares instead of the default circles.
![Preview of Text Formatting](https://api.circuit-diagram.org/document/store/render/shader/952756b9f8d942da92c53295b89cfe7a-text_formatting_0.1.1.webp)
Text Formatting
Applies subscript formatting to text. For example, R_1 becomes R₁.