Advanced Loader Demo

Experience the most beautiful loader with micro-interactions. Customize and test different configurations.

Customize Loader

Theme

Size

Progress Bar

Display Mode

Custom Message (optional)

Usage Example

import AdvancedLoader from "@components/AdvancedLoader";

// Basic usage
<AdvancedLoader />

// With all options
<AdvancedLoader
  fullScreen={true}
  theme="light"
  size="medium"
  showProgress={false}
  progress={50}
  message="Loading your content..."
  customMessage=""
  onComplete={() => console.log("Loading complete!")}
/>