Font |
Font Size |
Text Color |
|
Background |
Backgr. Color |
||
Speed |
Waviness |
Color Range |
|
Line Width |
Opacity |
Fill Letters? |
|
Random X Space |
Random Y Space |
Random Rotate |
|
1st Letter - X |
1st Letter - Y |
||
Canvas Width |
Canvas Height |
Create text animations! Type some text, then drag the sliders to adjust the font, speed, colors, waviness, randomness, etc...
You can also upload your own background image to create animated posters.
Press the 'enter' key (or click the canvas) to re-draw the animation from scratch.
This tool is completely free, open source, without any paywalls or premium options. You are welcome to use it for personal or commercial purposes.
If you found this tool useful, feel free to buy me a coffee. This would be much appreciated during late-night coding sessions!
For inspiration on text to use, here are some lovely sentences from Raymond Carver's writing:
“That's all we have, finally, the words, and they had better be the right ones.”
“But I can hardly sit still. I keep fidgeting, crossing one leg and then the other. I feel like I could throw off sparks, or break a window--maybe rearrange all the furniture.”
“and it ought to make us feel ashamed when we talk like we know what we're talking about when we talk about love.”
This project is coded using Javascript, HTML, and CSS (see github repo linked below). Video creation and encoding is done using mp4 muxer.
I do not have access to any of the images that you upload here, as all processing is done "client-side" (i.e., no text or images are saved/stored by me — they stay on your computer only).
Feel free to reach out to discuss, ask questions, or to share your creations! The animations can be easily uploaded to instagram or otherwise -- you can tag me @stereo.drift