Liquid Text | Vengeance UI

Installation

Run the following command

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

Usage

code

1import { LiquidText } from "@/components/ui/liquid-text"
2
3export function LiquidTextDemo() {
4  return (
5    <LiquidText text="VENGEANCE" />
6  )
7}

Props

Prop Name	Type	Default	Description
text	`string`	`'VENGEANCE'`	The text to render with the liquid displacement effect.
className	`string`	`-`	Additional CSS classes.
fontSize	`number`	`120`	Font size of the text.