Getting Started
Templates
Blocks
Components
For solo developers, indie hackers, and freelancers shipping their own products. Pay once, keep everything forever.
Instant download · No subscription · Lifetime access
For small teams, agencies, and freelancers shipping multiple client products. Lifetime access for everyone on your team.
Instant CLI token for 5 seats · Onboarding included · Invoice on request
pnpm dlx shadcn@latest add @ruixenui-pro/bloom-text| Prop | Type | Default | Description |
|---|
children | React.ReactNode | required | Content to display |
className | string | undefined | Additional CSS classes |
as | "h1" | "h2" | ... | "span" | "div" | "h1" | HTML element to render |
flowerSrc | string | "/flower.png" | Path to the flower image |
flowerCount | number | 80 | Number of flowers to generate |
flowerSize | number | 180 | Size of each flower in pixels |
textDelay | number | 300 | Delay before text appears (ms) |
flowerDelay | number | 600 | Delay before flowers appear (ms) |
useDefaultFont | boolean | true | Use the Dancing Script font |
textColor | string | "#ffffff" | Text color |
textShadow | string | "0 8px 26px..." | Text shadow CSS |
backgroundClassName | string | "bg-gradient-to-br..." | Background gradient classes |
prefers-reduced-motion preferenceAdd a flower image to your /public folder. The default path is /flower.png.