{"repo":"realvjy/coolshapes-react","free":true,"listed":false,"github":"https://github.com/realvjy/coolshapes-react","clone":"git clone https://github.com/realvjy/coolshapes-react.git","description":"100+ abstract shapes with gradient for design & dev project","language":"TypeScript","stars":347,"topics":["figma","illustration","library","react","reactcomponent","shape","coolshapes"],"license":"MIT","category":"ui-components","readme_excerpt":"Coolshapes ⚠️ Note: This documentation is for the upcoming V2 Beta . If you are looking for the documentation for the current stable release (v1.0.1), please click here. 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. Table of Contents - Coolshapes - Table of Contents - Installation - How to use - Global component example - Shape category components example - Generating random shapes - Random shape function - Other Methods - Accessing the shapes object - Props - Categories - Others - Classname and css - Builds - Figma File - Credits - Contributing - Support \\& Donation Installation or How to use There are two types of components available in Coolshapes , which you can use: Global component and Component for each category of shapes . and, you can pass additional props to adjust the shapes. Global component example Just import the Global component Coolshape and it will work. Component with shape category example You can import the component for specific category - Star , Ellipse ... etc - and simply pass the index of the shape. Generating random shapes setting the random prop to true or leaving the index or type prop empty would replace the shape with a random shape every time it renders. Using random shape function Othe","default_branch":null,"files":null,"tree":[],"storefront":"/r/realvjy","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/realvjy/coolshapes-react/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}