ComponentsBackgrounds & effects
Ink Wash
Ink blooming in clear water: each press releases a bloom that billows, folds on itself and thins as a slow current swirls it away.
"use client";
import { InkWash } from "@/components/miyuki-ui/ink-wash";
export default function InkWashDemo() {
return (
<InkWash className="flex size-full items-end p-6 sm:p-8">
<p className="text-sm text-muted-foreground">Press anywhere</p>
</InkWash>
);
}Install
npx shadcn@latest add @miyuki-ui/ink-washThis needs the @miyuki-ui registry in your components.json. See Using the shadcn CLI.
Props
InkWash
Prop
Type