Apply CSS stylesheets to Simulink models.
Updated 6 Oct 2018

With SimCSS, you can easily customize Simulink blocks through a simple CSS file.

1) What styles can be applied?

Any property of a Simulink block can be set with SimCSS. Everywhere you would normally use set_param(handle,'myproperty',myvalue), you could use the SimCSS equivalent {myproperty: myvalue}.

2) How to select which blocks apply a style to?

* => applies to every block
.line => applies to lines
.annotation => applies to annotations
#id (e.g. #name) => applies to blocks called "name"
element (e.g Constant) => applies to every constant block
element1 element2 (e.g Subsystem Outport) => applies to outports inside subsystems
[Prop=Value] (e.g [tag=test]) => applies to blocks with a Tag equal to "test"

3) Quick example to get started.

1. Create a "styles.css" file with your styles

/* I like big fonts all over the place */
* {FontSize: 20}
/* Applies to outports inside subsystems */
Subsystem Outport {BackgroundColor: "magenta";}
/* Applies to Goto and From blocks */
From, Goto {BackgroundColor: "yellow"; ShowName: "off"}
/* Change Constant blocks size */
Constant {width: 70; Height: 40}

2. Apply styles to current Simulink model


Cite As

Marco Gavelli (2024). SimCSS (, GitHub. Retrieved .

MATLAB Release Compatibility
Created with R2016b
Compatible with any release
Platform Compatibility
Windows macOS Linux
Find more on Subsystems in Help Center and MATLAB Answers

Inspired by: Matlab CSS (MSS)

Community Treasure Hunt

Find the treasures in MATLAB Central and discover how the community can help you!

Start Hunting!


Versions that use the GitHub default branch cannot be downloaded

Version Published Release Notes

updated readme


updated readme


updated readme


To view or report issues in this GitHub add-on, visit the GitHub Repository.
To view or report issues in this GitHub add-on, visit the GitHub Repository.