Components
Generating Loader
A clean and modern loading animation that shows a glowing circle with the word “Generating” in the center. The loader combines a smooth rotating highlight with a subtle text shimmer, making it feel active without being distracting.
This component is easy to customize — you can change the size, speed, colors, background, and font to match your project. It’s built with pure React and CSS, no extra dependencies, and includes accessibility support (reduced-motion friendly).
Perfect for AI apps, content creation tools, dashboards, or any project where you need to show users that something is being generated or processed.
Loading preview...
import { Component } from "@/components/ui/generating-loader";
export default function DemoOne() {
return <Component />;
}