> 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/readme.md).

# Welcome to canvas-lang 🎨

Create Animated , Colorful ASCII-ART right in your terminals write few line .canvas code & get your desired ascii art !

<figure><img src="/files/DXluWjh0gGoTRe6GTuGD" alt=""><figcaption><p>ascii art in 2 line of code! </p></figcaption></figure>

<figure><img src="/files/cq5IJ07xntXwni1gYXKU" alt=""><figcaption><p>.canvas file in action!</p></figcaption></figure>

{% tabs %}
{% tab title="example #2" %}

<figure><img src="/files/fWdTSW9WgLGVJ30JJuFS" alt=""><figcaption><p>example #2 </p></figcaption></figure>
{% endtab %}

{% tab title="code #2" %}
example2.canvas

{% code overflow="wrap" lineNumbers="true" %}

```javascript

canvas {
  background "black";
  rainbow "Welcome to CanvasScript!" at (5, 5) duration 200;
  text "A simple graphics language" at (5, 15) size 8 color "cyan";
}

```

{% endcode %}
{% endtab %}
{% endtabs %}

{% tabs %}
{% tab title="example #1" %}

<figure><img src="/files/GkneShfTSm5RJyMWoJgc" alt=""><figcaption><p>example #1</p></figcaption></figure>
{% endtab %}

{% tab title="code #1" %}
example1.canvas

{% code overflow="wrap" lineNumbers="true" %}

```javascript

canvas {
  background "white";
  circle at (10, 10) radius 5 fill "blue";
  text "Hello World" at (0, 20) size 10 color "green";
  rect at (20, 5) width 10 height 7 fill "red";
  line from (0, 0) to (30, 15) color "purple";
}


```

{% endcode %}
{% endtab %}
{% endtabs %}