1---
2title: Getting Started
3layout: ../../layouts/MainLayout.astro
4---
5
6import { MiniRepl } from '../../docs/MiniRepl';
7import { examples } from '../../examples.mjs';
8
9# Welcome
10
11<div className="w-32 animate-pulse md:float-right ml-8">![Strudel Icon](/icons/strudel_icon.png)</div>
12
13Welcome to the Strudel documentation pages!
14You've come to the right place if you want to learn how to make music with code.
15
16## What is Strudel?
17
18With Strudel, you can expressively write dynamic music pieces.<br/>
19It is an official port of the [Tidal Cycles](https://tidalcycles.org/) pattern language to JavaScript.<br/>
20You don't need to know JavaScript or Tidal Cycles to make music with Strudel.
21This interactive tutorial will guide you through the basics of Strudel.<br/>
22The best place to actually make music with Strudel is the [Strudel REPL](https://strudel.cc/)
23
24<div className="clear-both" />
25
26## What can you do with Strudel?
27
28- live code music: make music with code in real time
29- algorithmic composition: compose music using tidal's unique approach to pattern manipulation
30- teaching: focussing on a low barrier of entry, Strudel is a good fit for teaching music and code at the same time.
31- integrate into your existing music setup: either via MIDI or OSC, you can use Strudel as a really flexible sequencer
32
33## Examples
34
35Here are some examples of how strudel can sound:
36
37<MiniRepl client:idle tunes={examples} />
38
39These examples cannot fully encompass the variety of things you can do, so [check out the showcase](/intro/showcase/) for some videos of how people use Strudel.
40
41## Getting Started
42
43The best way to start learning Strudel is the workshop.
44If you're ready to dive in, let's start with your [first sounds](/workshop/first-sounds)