Text Flower Example

PreviousNext

Animated wheel of text lines that orbit around a central anchor.

Docs
phucbmcomponent

Preview

Loading preview…
registry/phucbm/blocks/text-flower/example.transformed.tsx
import {TextFlower} from "@/components/phucbm/text-flower";

export default function Example() {
    const texts = [
        "🐧 Watch the penguins waddle by.",
        "🐘 See the elephants remember everything.",
        "🐺 Hear the wolves howl at night.",
        "πŸ™ Find the octopus hiding below.",
        "πŸ† Chase the cheetah running fast.",
        "πŸ¦₯ Meet the sloth moving slow.",
        "🦚 Dance with the peacock's colors.",
        "🐬 Swim with the dolphins playing.",
        "πŸ¦‹ Follow the butterflies floating.",
        "πŸ¦‰ Listen to the owl's wisdom.",
        "🐝 Marvel at the hummingbird's speed.",
        "🐻 Observe the bear catching fish.",
        "🦎 Discover the chameleon's disguise.",
    ];
    return (
        <TextFlower texts={texts}/>
    );
}

Installation

npx shadcn@latest add @phucbm/text-flower-example

Usage

import { TextFlowerExample } from "@/components/text-flower-example"
<TextFlowerExample />