Sakura Text

A word in the petal wind: the whole fill breathes with living warm light while a whirlwind of soft pink sakura petals rides across the word from left to right, each petal spinning on itself, some passing in front of the letters and some behind.

Draw

draw a card

$npx shadcn@latest add @clow/sakura-text

First time? Point @clow at the registry

Once per project, add the registry to your components.json. Then draw any card by name.

"registries": {
  "@clow": "https://clow.cards/r/{name}.json"
}

Full setup →

Playground

props

speed

petals

wind

children

<SakuraText>Release</SakuraText>

Examples

basic

Props

prop	type	default
speed	slow \| base \| fast	base
petals	number	6
wind	number	6
children	text	Release