100+ Abstract Shapes As Vue Components - Coolshapes

Install & Download:

# PNPM
$ pnpm install coolshapes-vue
# BUN
$ bun add coolshapes-vue

This is a set of 100+ abstract shapes with cool grainy gradients. You can easily integrate them into your Vue projects as components.

1. Install and import the Coolshapes component, a specific shape category, or a specific shape into your Vue project.

import { Star } from 'coolshapes-vue'
// OR
import { Coolshape } from 'coolshapes-vue'

2. Add a shape to your app.

<template>
  <Star />
</template>

<template>
  <Coolshape random />
</template>

<template>
  <Coolshape type="star" random />
</template>

3. Available component props.

type: 'star',
index: 1,
random: false,
size: 128,
noise: false