Components
Loading preview...
Creates an animated, ethereal shadow effect with customizable noise, color, and animation properties, featuring a centered text overlay with responsive typography.
@jatin-yadav05
npx shadcn@latest add https://21st.dev/r/jatin-yadav05/etheral-shadowimport { 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 };