Motion Core

Canvas

Plasma Grid

A fluid, pixelated noise pattern useful for backgrounds.

ogl

Installation

Install the component

Run the following command to install the component and its dependencies:
npx @motion-core/cli add plasma-grid

Import the component

Import the component into your Svelte file: 
import { PlasmaGrid } from "$lib/motion-core";
import { PlasmaGrid } from "$lib/motion-core";

Usage

<script lang="ts">
	import { PlasmaGrid } from "motion-core";
</script>

<PlasmaGrid
	highlightColor="#572400"
	class="h-full min-h-96 w-full bg-[#17181A]"
/>

Props

PlasmaGrid

PropTypeDefault
color
stringnumber[number, number, number]{ r: number; g: number; b: number } "#17181A"
highlightColor
stringnumber[number, number, number]{ r: number; g: number; b: number } "#FF6900"
class
string ""