Skip to content

A web-based generative art tool that creates customizable SVG grids with random designs and color palettes. Download your creations in both SVG and PNG formats.

License

Notifications You must be signed in to change notification settings

digitalwarenkombinat/grid

Repository files navigation

Logo of 'Grid Art Designer'


Grid Art Designer allows users to create and download grid-based SVG artwork, with options to toggle filters and download the final image as an SVG or PNG.

Inspired from Alex Trosts article Creating Generative SVG Grids.

Feedback

Feel free to send us feedback on Instagram or file an issue. Feature requests are always welcome.

Getting started

Run the following command on your local environment:

git clone --depth=1 https://github.com/digitalwarenkombinat/grid.git
cd grid
npm install

You can run the application in development mode with live reload:

npm run dev

Open http://localhost:3000 with your favorite browser to see the application.

.
├── README.md            # README file
├── next.config.js       # Next configuration
├── public               # Public folder for assets and fonts
├── src                  # UI components
└── tsconfig.json        # TypeScript configuration

You can see the results locally in production mode with:

npm run build
npm run start

The generated HTML and CSS files are minified (built-in feature from Next).

About

A web-based generative art tool that creates customizable SVG grids with random designs and color palettes. Download your creations in both SVG and PNG formats.

Topics

Resources

License

Stars

Watchers

Forks