Components
Etheral Shadow
Creates an animated, ethereal shadow effect with customizable noise, color, and animation properties, featuring a centered text overlay with responsive typography.
import { Component } from "@/components/ui/etheral-shadow";
const DemoOne = () => {
return (
<div className="flex w-full h-screen justify-center items-center">
<Component
color="rgba(128, 128, 128, 1)"
animation={{ scale: 100, speed: 90 }}
noise={{ opacity: 1, scale: 1.2 }}
sizing="fill"
/>
</div>
);
};
export { DemoOne };