Ready
Untitled
120
130
0
Grid Style
Params
Rows
Cols
Gutter X
Gutter Y
Ratio
Color
Hue
Grid 100
Pixel Shape
Layers
Pixel Setting
☰ Rows
⋮ Columns
↔ Width
↕ Height
Spacing
⟺ Gap H
⥮ Gap V
Style
◯ Roundness
Transform
∕ Slant
⠶ Row Stagger
⠶ Col Stagger
Position
→ Offset X
↓ Offset Y
100%
My Files
01
Choose a cell shape
Pick square, circle, rounded, or diamond as your pixel building block
02
Customise your grid
Set pixel size, shape, and dial in effects like Skew and Gap
Skew
Gap
03
Draw each glyph
Click cells to fill pixels, repeat for every character in your set
04
Preview live
Type any text to instantly see your font rendered in real time
Aa
Live Preview
05
Export your font
Download as SVG, PNG, or a full OTF / TTF font file
SVG
PNG
OTF
Help & Shortcuts
Getting Started
Pick a characterClick any glyph in the right panel
Draw / EraseLeft-click to fill, right-click to erase
Grid modeVector shapes with adjustable grid
Pixel modeBitmap pixels with effect sliders
Effects (Pixel mode)
SkewSlants the glyph horizontally
GapSpace between pixel cells
StaggerOffsets alternating rows
SmoothRounds pixel corners
Keyboard Shortcuts
Ctrl ZUndo
Ctrl Shift ZRedo
Ctrl + / −Zoom in / out
Ctrl 0Reset zoom
Delete / BackspaceClear current glyph
Export
SVGVector file of current glyph
PNGRaster image of current glyph
Font ↓Full OTF / TTF font for all designed glyphs