← Back to the home page
EXP. 003
EXP. 003
Letter Grid
Type a sentence and every character becomes a cell. Click them, drag them, rearrange them.
o
n
e
p
a
g
e
a
m
o
n
t
h
SWAP / DRAG
How to play
Type a sentence to build the grid, then click two cells to swap them or drag one onto another. You can also switch to a square grid or two columns, shuffle, and copy.
What it's made of
Plain DOM and CSS Grid, split character by character. Chinese, English, and emoji each count as one cell.
Limits
64 cells at most. Anything past that is cut.
What I was thinking while building it
The part I keep coming back to is Shuffle. Type a whole sentence, press it once, and the words collapse into a heap of characters you no longer recognize. Then you click them back, one at a time. Useless, and you still want another go.