> For the complete documentation index, see [llms.txt](https://canvas-lang.gitbook.io/home/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://canvas-lang.gitbook.io/home/basics/images-and-media.md).
# Examples
Some Examples of using Canva-Lang
####
{% hint style="info" %}
canvas-lang .
{% endhint %}
#### Basic Example
{% code overflow="wrap" lineNumbers="true" %}
```javascript
canvas {
background "navy";
circle at (10, 10) radius 5 fill "yellow";
text "Hello World" at (0, 15) size 10 color "white";
}
```
{% endcode %}
Basic Example
#### Animation Example
{% code overflow="wrap" lineNumbers="true" %}
```javascript
canvas {
background "black";
animate {
frame {
circle at (5, 5) radius 3 fill "red";
}
frame {
circle at (10, 5) radius 3 fill "blue";
}
frame {
circle at (15, 5) radius 3 fill "green";
}
} for 5000;
}
```
{% endcode %}
{% file src="/files/Axa9KGXmlFHdUyg7Kln0" %}
Animation Example
{% endfile %}
#### Rainbow Text Example
{% code overflow="wrap" lineNumbers="true" %}
```javascript
canvas {
background "black";
rainbow "Welcome to canvas-lang!" at (5, 5) duration 200;
}
```
{% endcode %}
