Components
Dot Loader
A clean,reusable React loader component styled with Tailwind CSS. It uses a custom CSS keyframe animation to create three sequential pulsing dots, providing visual feedback during data fetching or page transitions.
import Loader from "@/components/ui/dot-loader";
export default function DemoOne() {
return (
<div className="app-container">
<div className="loader-box">
<div className="loader-content">
<Loader />
<p className="loader-text">Loading, please wait...</p>
</div>
</div>
</div>
);
}