KokonutUI Logo

IN-04Inputs

Loader

Animated loading indicator with rotating gradient rings, size variants and customizable title text. Built with React and Tailwind CSS.

Install with
no extra packages

PRONatural Date Input and more like it are in Kokonut UI Pro

Installation

Loader is a free, open-source React component in the Kokonut UI Inputs collection. Add it with the shadcn CLI, which copies the source into components/kokonutui/loader.tsx, so the code is yours to change.

npx shadcn@latest add @kokonutui/loader

Usage

import Loader from "@/components/kokonutui/loader";

export default function Example() {
  return <Loader />;
}

Dependencies

Built with React and Tailwind CSS.

On this page

No Headings