Did you find this tool helpful?

PixiJS v7 Compatible

PixiJS Text Style Editor

Design fonts, gradients, shadows, glows and strokes in real-time. Copy a ready-to-paste TextStyle JSON directly into your PixiJS project.

Live preview No upload Gradients & glow JSON export Custom fonts

Style Presets

Click to apply a starting point

Live Preview

BG:

Text Content

Text

Align

Word wrap

Wrap Width (px)

300px

Font

Font Family

🔤

Upload custom font

TTF, OTF, WOFF, WOFF2

–

Size

64px

Weight

Style

Letter Spacing (relative units)

Line Height (px)

Fill Color

Fill Type

Color

Stroke

Stroke Color

Stroke Thickness

0px

Line Join

Drop Shadow

Enable shadow

Shadow Color

Offset X

3px

Offset Y

3px

Blur

4px

Alpha

0.70

Angle (degrees)

45°

Glow Effect

Enable glow

Glow Color

Glow Strength

6px

Glow Quality

0.50

Transform

Rotation

0°

Scale

1.00

Alpha

1.00

Copied!