ComponentsBackgrounds & effects
Koi Pond
A few koi drifting under the surface that come to circle a resting pointer and dart away when you click.
"use client";
import { KoiPond } from "@/components/miyuki-ui/koi-pond";
export default function KoiPondDemo() {
return (
<KoiPond className="size-full">
<p className="absolute bottom-5 left-6 text-[13px] text-foreground/70">Shinjuku Gyoen, lower pond</p>
</KoiPond>
);
}Install
npx shadcn@latest add @miyuki-ui/koi-pondThis needs the @miyuki-ui registry in your components.json. See Using the shadcn CLI.
Props
KoiPond
Prop
Type