Getting Started

Install

Install Solandra from npm:

npm install solandra

You can also use pnpm add solandra or yarn add solandra. Start with Canvas Basics to create your first sketch.

To run this website and its examples locally, clone the repository, run pnpm install, then pnpm dev.

For a browser-based example, try the React CodeSandbox (uses Solandra v0.18).

Examples

Browse the examples and select Source Code to see how each sketch works.

Other Tutorials

Sol LeWitt Solandra Tutorial

Draw from instructions by Sol LeWitt.

Icon design

Design generative app icons

Wallpaper Solandra Tutorial

Create wallpapers inspired by iOS 13

Watercolours with Solandra

Create watercolour style graphics with Solandra.

Talks

My October 2019 workshop became an introductory tutorial by Tariq Rashid

I spoke about TypeScript and Solandra at the London TypeScript Meetup on 6 November 2019.

At London Creative Code on 15 November 2019, I talked about why I created Solandra and the ideas behind it.


Solandra was made by James Porter.

Check out the GitHub page or install with npm i solandra