Customizable Loader / Spinner / Transition

Set number of squares and speed. Pause at certain points. Scale to a size you like and have fun.

Can also create cool effects such as a hero/feature or transition animations.

** Reload

import Component from "@/components/ui/customizable-loader-spinner-transition";

const settings = { speed: 0.35, squareCount: 12, isPaused: false };

export default function Demo(props: Partial<typeof settings>) {
  const s = { ...settings, ...props };
  return (
    <div className="h-screen w-screen">
      <Component {...s} />
    </div>
  );
}

Published

6/19/2025

Similar components

Explore more

Transition components79 Glow components817 Interactive components426 Neon components116 Dark components4227

Dependencies

Tags

Newest

Popular

Shaders

Heros

Features

AI Chat Components

Calls to Action

Buttons

Testimonials

Pricing Sections

Text Components

Dependencies

Tags

Customizable Loader / Spinner / Transition

Tags

Published

Similar components

Explore more