Kinetic Text Loader | Vengeance UI

Installation

Run the following command

npx shadcn@latest add https://raw.githubusercontent.com/Ashutoshx7/VengeanceUI/main/public/r/kinetic-text-loader.json

Usage

code

1import { KineticTextLoader } from "@/components/ui/kinetic-text-loader"
2
3export function LoaderDemo() {
4  return (
5    <KineticTextLoader />
6  )
7}

Props

Prop Name	Type	Default	Description
text	`string`	`'Loading'`	The text to display. Note: internal animations are optimized for the word 'Loading'.
className	`string`	`-`	Additional CSS classes for the loader container.