Welcome to StringTune

DocumentationDocumentation npm ↗npm ↗

StringTune (Basics)

string

string string-repeat

/StringProgress

string="progress"

string-id="element-id"

Progress: 0

StringTune (Advanced)

string

string-repeat

string-inview="100%"

string

string-repeat

string-offset-top="25%"

string-offset-bottom="25%"

string

string-repeat

string-offset-top="50%"

string-offset-bottom="0%"

string

string-repeat

string-offset-top="0%"

string-offset-bottom="-50%"

StringProgress (Advanced)

string="progress"

string-id="element-id-2"

string-enter-el="top"

string-exit-el="top"

string-offset-top="-50%"

Progress: 0

string="progress"

string-id="element-id-3"

string-enter-el="top"

string-exit-el="bottom"

string-offset-start="50%"

string-offset-end="50%"

Progress: 0

/StringParallax (Disabled on mobile devices)

string-parallax

string-parallax="0.5"

string-parallax="1"

/StringDisplacement

--lerp

/StringCursor

string-lerp: 0.4

/StringMagnetic

string="magnetic"

string-radius="450"

string-strength="0.75"

/StringSplit

Jovial hawks find beauty in a fiddle string while vexing quirky dogs near zigzag paths.

string="split"string-split="char[left]"string-repeat