Spooky Smoke Animation

A customizable animated smoke background component for React, built with WebGL for high performance. It's perfect for adding a dynamic, mesmerizing vibe to your projects. You can easily change the smoke color to match your brand or design, making it incredibly versatile. This component is part of the EaseMize UI library, which focuses on components that are easy to use and great to customize. It's ideal for hero sections, interactive backgrounds, or any element that needs a touch of magic

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Spooky Smoke Animation to your project and fits it to your theme.

import { SmokeBackground } from "@/components/ui/spooky-smoke-animation";

const Default = () => {
  return <SmokeBackground />;
};

const Customized = () => {
  return <SmokeBackground smokeColor="#FF0000" />;
};

export { Default, Customized };