Pattern Studio

A tool to create configurable tiles that assemble as patterns for print.

🚀 Check out live

The latest version is deployed to Heroku at pattern-studio.gerov.dev

📜 Background

Pattern Studio was created as a solution for the following requirements:

• Create a tile that can be repeated to assemble a pattern
• Compose a tile from different elements - background, sticker and text
• Group multiple interchangeable elements to create a configurable pattern

An example use case for a configurable pattern is to be incorporated in an online shop that sells prints.

📸 Screenshot

👀 Examples

• Example tile - SVG format, can be used to assemble a pattern in a tool like Adobe Illustrator
• Example pattern, ready for print - PNG format, the pattern is assembled and ready for print
• Example pattern.json, ready for import - JSON format, the pattern can be imported in Pattern Studio

🛠️ Technology

This is a client-side web application that relies on Fabric.js, React, Ant Design, and builds with Babel and Webpack.

⌨️ Start hacking

Get the repo:

git clone https://github.com/velislavgerov/pattern-studio.git
cd pattern-studio

Install the dependecnies:

yarn install

Start the development server:

yarn dev

By default, the development server will start on localhost:8080