Components
This shader is like stepping into a futuristic light tunnel — sleek, smooth, and endlessly mesmerizing. It bends glowing streams of blue and purple light across a deep black background, giving your project instant “sci-fi vibe” points. Perfect if you want to add some cinematic energy, a techy hero background, or just something that makes people go woah.
It’s responsive, buttery smooth, and optimized for production so you can use it in landing pages, portfolios, or even interactive apps without worrying about lag. Think of it as an instant atmosphere upgrade — plug it in, and your project instantly looks like it belongs in a next-gen game trailer.
Loading preview...
"use client";
import * as React from "react";
import { UnicornStudioEmbed } from "../components/ui/electric-shader";
export default function Demo() {
return (
<div className="fixed inset-0">
<UnicornStudioEmbed
className="w-full h-full"
projectId="cdjwcjVT6M7qREn7g0Y9"
production
ariaLabel="Product animation"
/>
</div>
);
}