<dy-letters>

A creative text display element that renders text using animated SVG letter paths. Each character is drawn with unique hand-drawn style paths, creating a distinctive visual effect for headlines, titles, and decorative text.

Playground

API

DuoyunLettersElement

Extends TapLettersElement

TapLettersElement

Shadow DOM; Extends GemElement

TapLettersElement Instance Properties

Property(Attribute) Reactive Type
text(text) Yes string
colors(colors) Yes string
strokeWidth(stroke-width) Yes number
duration(duration) Yes number
easing(easing) Yes EasingType
autoplay(autoplay) Yes boolean
finished Emitter
elapse Emitter<number>
get layout Layout
get playing boolean
play () => void
pause () => void
resume () => void
position (p: number) => void

TapLettersElement Other

Type Value
Event finished, elapse
Edit this page on GitHubLast updated: