https://github.com/realvjy/coolshap.es
https://github.com/realvjy/coolshap.es
Last synced: 14 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/realvjy/coolshap.es
- Owner: realvjy
- License: mit
- Created: 2023-03-22T09:23:20.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-11-04T08:02:20.000Z (6 months ago)
- Last Synced: 2025-03-28T04:41:40.315Z (about 1 month ago)
- Language: JavaScript
- Homepage: https://coolshap.es
- Size: 3.19 MB
- Stars: 5
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
[](https://coolshap.es)
#
Coolshapes
A simple, fun project for the sake of creating some cool-looking abstract shapes with little grainy gradients crafted by [@realvjy](https://x.com/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.
## What is this?
This repository contains the source code for the landing page of [coolshap.es](https://coolshap.es)
Coded in **Nextjs** and deployed on **vercel**
----
## Usage: Designer
You can directly copy from website or download figma file
### Figma Community
Grab this figma file fromt he community
### Copy or Download
Copy or download the `svg`/ `png` file from website [coolshap.es](https://coolshap.es)
---
## Usage: Developer
### 🛠️ Installation
```sh
npm install coolshapes-react
```
or
```sh
yarn add coolshapes-react
```
### ⭐️ How to use
##### Global component example
Just import the Global component `Coolshape` and it will work.
```js
import { Coolshape } from "coolshapes-react";
const App = () => {
return ;
};
export default App;
```
##### Component with shape category example
You can import the component for specific category - `Star`,`Ellipse`... etc - and simply pass the index of the shape.
```js
import { Star } from "coolshapes-react";
const App = () => {
return ;
};
export default App;
```
#### Check this [detailed Documentations](https://github.com/realvjy/coolshapes-react?tab=readme-ov-file#readme) for all props details
----
## Contribution & Feedback
Created by [@realvjy](https://x.com/realvjy). You are always welcome to share your feedback on twitter or any social media platform.
If you want to contribute. Just create a pull request.
## Support & Donation
**Coffee fuels coding ☕️**
