Initial release

May 9, 2024

May 9, 2024

An illustration of schematic supershapes
An illustration of schematic supershapes
An illustration of schematic supershapes

Animator

Animator allows you to animate paragraphs of text, word by word. Three subtypes are available: appear, variant, and scroll. Appear animates the text when it comes into view. Variant is meant to be integrated with any components that you want to build: just define a state for each variant, and do whatever you want. Scroll animates the text depending on how far you scroll.

Highlighter

Highlighter has the same three variants as animator. However, instead of animating the words themselves, it acts as a mask between two states, animating independently from characters. Great for scrollytelling websites and such.

Style mixer

Style mixer allows to use multiple text styles in the same paragraph. It can be useful if you want to highlight certain words in the paragraph, for example. You can change any parameter of text - typeface, color, size etc. independently for each style. At the moment, 2 styles per paragraph are supported.

Variable

Last but not the least, variable. This component simply allows you to tweak the variable axis of the text. If you are using compatible font, you can precisely change weight, slant, italic and optical size using sliders. Note that all the other components support variable fonts as well; variable component is just simpler and lighter, better suited for situations when no extra functionality is needed.

Legal

Social

Account

Info

Social

Account

Info

Legal

Social

Account

Info

Legal