CosmicWave

Create dynamic SVG 'waves' on each page render or animate them for never ending movement. Each wave is tied to a single HTML element whose attributes control the wave parameters.

the holy trinity of JS+CSS+HTML

Javascript

import 'cosmicwave';

CSS

svg {
  fill: #000;
}

HTML

<!-- Easy Peasy! -->
<cosmic-wave></cosmic-wave>

Documentation + examples