ComponentsBackgrounds & effects
Path Bloom
A tall sticky section where five streams braid across the screen and join into one river as you scroll, with an action where they meet.
"use client";
import { Button } from "@/components/miyuki-ui/button";
import { PathBloom } from "@/components/miyuki-ui/path-bloom";
export default function PathBloomDemo() {
return (
<PathBloom title="Five streams, one river" description="Every station, gauge and forecast in one place.">
<Button size="lg">Follow the water</Button>
</PathBloom>
);
}Install
npx shadcn@latest add @miyuki-ui/path-bloomThis needs the @miyuki-ui registry in your components.json. See Using the shadcn CLI.
Props
PathBloom
Prop
Type