Loader

A loading indicator component with multiple visual styles. Renders different animations based on variant and size. Use to show loading states in forms, data fetching, or interactions.

byJulien Thibeaut from Prompt Kit

Installation

terminal

pnpm dlx layro-cli add @ibelick/loader

npx layro-cli add @ibelick/loader

npx layro-cli add @ibelick/loader

bunx layro-cli add @ibelick/loader

New project? Start with init. Writes third-party code and installs packages with scripts off.

Code

Dependencies

Demo

"use client"

import { cn } from "@/lib/utils"
import React from "react"

export interface LoaderProps {
  variant?:
    | "circular"
    | "classic"
    | "pulse"
    | "pulse-dot"
    | "dots"
    | "typing"
    | "wave"