De Stijl was founded in 1917 by two pioneers of abstract art, Piet Mondrian and Theo van Doesburg. De Stijl means style in Dutch.
๐ผ๏ธ tool.graphics/mondrian
Generate Piet Mondrian Art. There's an endless number of options.
- Thousands of beautiful color schemes.
- Custom background color of the picture.
- Any size of the picture.
- Static or dynamic mode.
- Jitter effect.
- Use gradient for polygons.
$ npm install modrian-art
or
$ yarn add modrian-art
import Mondrian from 'mondrian-art';
const config = {
width, // Default, 500
height, // Default, 500
container: document.querySelector("section"), // Set DOM Node
enableAnimation, // Default, true. Option `false` for static.
mondrian: {
palette: [color1, color2, color3, 'transparent', 'transparent', 'transparent'], Default, ['#0e448c', '#f61710', '#ffd313', 'transparent', 'transparent'].
style, // Default, `random`. Options: `random`, `neo`, `classic`.
enableGradient, // Default, false.
enableSnaking, // Default, false. Jitter effect
lineWidth: 1, // Default, 1. Options: `random`, 1, 2.5, 5 or any number
title, // The sign of a picture. Example `Piet Mondrian`.
backgroundColor, // Default, #fff.
}
}
const mondrian = new Mondrian(config);
// Generate
mondrian.generate();
// Reconfigure
mondrian.reconfigure(config);
// Restart animaton
mondrian.play();
MIT, see LICENSE for details.