pixlanimated icons, without after effects
draw an icon,
make it move in minutes
sketch a mark or start from a prompt, drop motion onto it from sixty-odd presets, and take it out as lottie, gif or video — ready for your app, your site or your next launch.
animations
01/start from a sketch or a sentence
draw it yourself,
or ask for a first draft
a pen for deliberate geometry, brushes for everything else, and an agent that draws an icon from a description. whichever way it starts, every line stays a real path you can pick up and adjust.
layers
stroke
01pen
click for a corner, drag for a curve. anchors stay editable, so a path is never finished until you say it is.
02brushes
loose, hand-drawn strokes that are smoothed as you go and keep proper anchor points underneath.
03the agent
describe an icon and it draws it — up to five at a time, in outline, bold, two-tone, bulk or broken style.
04corners and points
round a single corner by dragging it inward, or type how many points a shape should have and it settles into that shape.
02/timing you can see
motion that belongs
to the drawing, not to a copy of it
sixty-odd presets to start from, or your own values when none of them fit. clips live on a timeline beside the layers they move, and the animation plays on the artwork itself.
01presets
in, emphasis, loop, out and motion presets, grouped into lists you can open and browse.
02custom values
move, scale, rotate, opacity, colour and blur — type the exact start and end values when a preset is close but not quite.
03the timeline
drag clips to retime them, stretch or repeat them, and set a length anywhere up to thirty minutes.
04self loop
replay the whole timeline at an interval you choose, without copying a single clip.
03/take it anywhere
one drawing in,
every format out
when the work is done it leaves the way the next place needs it — a crisp vector for the page, a file for the motion team, a model for the 3d scene.
01svg
clean vector paths and real text, ready for a website, a design file or an icon set.
02gif and video
rendered at 720p or 1080p, with a progress window you can cancel while long timelines render.
03lottie
the animation as lottie json, for apps and sites that play motion natively.
04three.js
the solid version as a standalone html page, or as code to drop straight into a web 3d project.
04/the same mark, given depth
flat until you decide
it should have weight
the outline you drew is the outline that gets extruded. give a layer a finish, light it, turn it — and the flat version stays exactly where you left it.
01extrude
every closed shape becomes a solid with its own depth, so a single icon can have layers that stand at different heights.
02materials
chrome, gold, glass and a soft balloon finish, or a plain colour when the mark should speak for itself.
03light and angle
light the object and orbit around it until you find the angle that reads best.
042.5d
a lighter, layered depth for when full 3d is more than the idea needs.
05/words that stay words
type sits on the canvas
like any other layer
place text anywhere, pick a typeface, then move, resize and rotate it with the same handles as a shape. it is never flattened into outlines, so the words can change whenever you like.
text
01typefaces
over thirty google fonts across sans, serif, display, handwriting and mono, loaded only when a layer uses one.
02fill and stroke
text is filled by default. add an outline, or remove the fill and keep just the outlined letters.
03size, weight, alignment
an exact font size you can type, the weights each family offers, and left, centre or right alignment.
04real text out
svg export carries the words as text, so they stay editable in whatever tool opens the file next.
06/where the work lives
every idea on one board,
nothing lost between them
keep versions of a mark side by side as canvases, come back to any project from the dashboard, and let saving take care of itself.
01canvases
place as many canvases as you need on one board, each with its own layers and animation.
02autosave
work saves in the background a moment after you stop, so there is no save button to remember.
03projects
the dashboard shows every project with a small preview of its artwork, searchable with ⌘f.
04stays on your device
drawings are kept in this browser, so nothing leaves your machine unless you export it.
draw it once
the flat mark, the solid one and the moving one are the same file. change your mind about the drawing and the other two have already changed with it.