49 components available
Components

Dots Shader

May 2024
A canvas shader that renders animated colored dots with customizable opacities, dot sizes and colors.
Playground
Run
<DotsShader  
  colors={[
    [226, 67, 41],
    [252, 109, 38],
    [252, 163, 38, 1],
  ]}
  opacities={[0.4, 0.4, 0.6, 0.6, 0.6, 0.8, 0.8, 0.8, 0.8, 1]}
  totalSize={5}
  dotSize={1} 
/>

Installation

API Props

PropTypeDefault
colors
number[][]
[[93, 227, 255]]
opacities
number[]
[0.4, 0.4, 0.6, 0.6, 0.6, 0.8, 0.8, 0.8, 0.8, 1]
totalSize
number
3
dotSize
number
1
maxFps
number
30
Inspired by: https://www.clerk.com