Ripple

Material-style ink from the exact press point; grows while held, fades on release.

waapipress2 files · 63 locdeps: clsx, tailwind-merge

Inbox15

Starred21

Sent12

Archive21

Installation

With the shadcn CLI, pointing at this platform’s registry:

npx shadcn@latest add https://opusui.131199999.xyz/r/ripple.json

Or offline, straight from your opus55 checkout (copies every file it needs):

node ../tailwind_component/opus55/scripts/add.mjs ripple

import { Ripple } from "@/components/opus/effects/ripple";

<Ripple className="rounded-xl"><button>Press</button></Ripple>

Prop	Type	Default	Description
color	string	"currentColor"	Ink colour.
duration	number	650	Grow time (ms).