Coming-soon page with living type
Instead of an empty page, one that already moves.
Move the cursor over the words: they scatter. The words change every few seconds. The brand is an illustrative sample.
Custom animation / motion design
Custom animation, motion, and interactive elements that set the site apart from a template look.
from HUF 60,000
A pre-launch page: the words are made of tiny particles, the cursor scatters them, and they settle back. One sentence, one email field, nothing else. Made for a page that builds on anticipation.
- Canvas 2D
- Spring physics
- Typography
How it works
The type is built from the web font's own letters: the engine draws the word, works out where the letters are, and every dot sits on a spring at its own place. The cursor pushes them away and the spring pulls them back. Every few seconds the dots regroup into the next word.
This is the lightest kind: a few thousand dots, plain canvas, and any word can be swapped. The text stays real HTML on the page (search engines and screen readers see that), and the effect only gives it its look.
Want something like this on your own site?
Motion and WebGL are part of what I do. We'll work out what fits your site while keeping it fast.
Get an estimate