You need to enable JavaScript to run this app.
windups
Lookup
Guides
API
repo
@439
I
w
Create animated strings
→
useWindupString
Make a stringy windup
Create animated text with different styles
→
WindupChildren
Styling text segments
Include non-string elements
→
WindupChildren
Windups with non-strings
Style many individual characters
→
CharWrapper + WindupChildren
Animating invidual characters
Add arbitrary pauses
→
Pause + WindupChildren
Pacing your windups
Configure the pace of windup effect
→
Pace
useWindupString pace option
Pacing your windups
Call functions upon addition of elements
→
OnChar
useWindupString onChar option
Calling your own functions
Call functions at arbitrary points
→
Effect + WindupChildren
Calling your own functions
Call function when windup effect finishes
→
useWindupString onFinished option
onFinished prop of WindupChildren
useIsFinished + WindupChildren
Calling your own functions
Dynamically break lines based on width
→
Linebreaker
Breaking lines
Dynamically break lines with variable text styles
→
StyledText
Advanced Line Breaking
Skip the windup effect
→
useSkip + WindupChildren
useWindupString skipped option
skip callback returned by useWindupString
Skip and Rewind
Rewind the windup effect
→
useRewind + WindupChildren
rewind callback returned by useWindupString
Skip and Rewind
Make windups accessible
→
textFromChildren
Accessibility
Use dynamic values with WindupChildren
→
Dynamic values
©
Sam Gwilym
2020