100+ Abstract shapes with cool grainy gradient. Ready to use with any design dev project.

Open-Source with MIT License, Check Github

figma file download all react package

Noise

How to use?

If you have any more questions or suggestion you can reach me at @realvjy or open issue on github .

Detailed Documentation

What the hell is this?

A simple, fun project for the sake of creating some cool-looking abstract shapes with little grainy gradients crafted by @realvjy. CoolShapes is a completely open-source set of 100+ abstract shapes crafted for any design and development projects. Free for both commercial and personal use. Licensed under MIT.

How to use in Design project?

Grab the figma file. Or simply copy the svg and paste in figma.

How to use in Dev project?

You can grab react package and follow the documentation to use in your project-

1. Install package

yarn add rect-coolshapes

OR

npm i rect-coolshapes

2. Import it to Your React

import { Coolshape } from "react-coolshapes"

OR

import { Star1, Star2, Circle1 } from "react-coolshapes"

3. Here some example

< Coolshape shape="star" index="1" noise="true" />

< Star1 noise="true" />

< Circle2 size="24" />

made by at overlayz