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
Word wrap
Font
🔤
Upload custom font
TTF, OTF, WOFF, WOFF2
64px
0
0
Fill Color
Stroke
0px
Drop Shadow
Enable shadow
3px
3px
4px
0.70
45°
Glow Effect
Enable glow
6px
0.50
Transform
1.00
1.00
Copied!

Design PixiJS Text Styles Live

This PixiJS text style editor lets you design and preview text styling for PixiJS in real time. Adjust font, size, colour, stroke, shadow, alignment and other properties and see the result render live, then export the style as JSON ready to paste straight into your game code.

It removes the slow trial-and-error of tweaking text style values and re-running your game. Everything happens in your browser with no account needed.

Frequently Asked Questions

You can control font family, size, fill colour, stroke, drop shadow, alignment and other PixiJS TextStyle options, with a live preview of every change.
It outputs a TextStyle JSON object you can paste directly into your PixiJS code to recreate the exact style you designed.
No. The editor previews styles in the browser. You only need PixiJS in your own project to apply the exported style.
No. The editor runs locally in your browser.
Yes, the PixiJS text style editor is free.