Text

Handwriting

A pen writes the text in single strokes, slowing in tight curves where the ink pools and drying from wet sheen to rest colour; a faint sheen drifts over the dry ink. Use for signatures, titles and invitations.

  • handwriting
  • ink
  • pen
  • stroke
  • script
  • signature
  • text

Settings and defaults

Pen weight
1
Ink
#efe6d2
Wet ink
#ffd9a0
Drying time
1.1 s
Sheen
0.35
Pen glow
1
Opacity
1
Font
Caveat
Draw
Pen
Draw duration
5 s
Draw easing
Smooth
Draw stagger
0.6
Draw direction
0 °
Erase
Fade
Erase duration
2 s
Erase easing
Smooth
Erase stagger
0.6
Erase direction
0 °
Play on load
On
Loop
Off
Yoyo
Off
Hold
2 s
Hidden pause
0.5 s
Shown
On

Handwriting writes your text with a pen, stroke by stroke, the way a person would. The ink goes down wet and glossy, then dries to its resting colour, and a faint sheen keeps drifting over the dry lines.

How it works

Each letter is followed as a single pen line, not filled in from its outline. The pen moves like a real hand: it slows down in tight curves and speeds up on straight runs, so the ink looks heavier where the pen lingered. A small glow sits at the pen tip while it writes.

Settings

  • Pen weight sets how thick the line is.
  • Ink is the dry colour, Wet ink the colour while it is still fresh, and Drying time how long the change takes.
  • Sheen sets the soft glint that drifts over the dry ink; Pen glow the light at the tip.
  • Font: the handwriting faces suit it best, such as Caveat, Dancing Script, Satisfy, Pacifico or Kalam.
  • Draw defaults to Pen; Erase can fade, reverse the writing, wipe or cut it.
  • Loop, Yoyo and Hold replay the writing on a cycle.

Use it for

  • Signatures and personal notes
  • Wedding, invitation and greeting scenes
  • Elegant titles that write themselves in

Ink Bleed adds paper and feathering ink to the same idea.

Code and API

Ready-to-paste React Three Fiber code and the 3DRise API are included in paid plans, inside the studio.

See plans

More text

Works well with