ComponentsLabs
Text stream
Rows of text carried along gentle waves, like words on a current, each row at its own pace.
"use client";
import { TextStream } from "@/components/miyuki-ui/text-stream";
export default function TextStreamDemo() {
return (
<TextStream
className="size-full font-display font-semibold tracking-[-0.02em]"
text={["Snow from the north-west by evening", "Freezing level 400 metres", "Summit wind easing after midnight"]}
/>
);
}Install
npx shadcn@latest add @miyuki-ui/text-streamThis needs the @miyuki-ui registry in your components.json. See Using the shadcn CLI.
Props
TextStream
Prop
Type