Plasma Grid

Installation

Install the component

Run the following command to install the component and its dependencies:

npx @motion-core/cli add plasma-grid

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

Props

Background

Highlight

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

	type Props = Partial<ComponentProps<typeof PlasmaGrid>>;

	let { color = "#17181A", highlightColor = "#572400" }: Props = $props();
</script>

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

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

	type Props = Partial<ComponentProps<typeof PlasmaGrid>>;

	let { color = "#17181A", highlightColor = "#572400" }: Props = $props();
</script>

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

Props

PlasmaGrid

Prop	Type	Default
`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`	`""`