The ExodeUI journal

A few words
on what moves us.

Small discoveries. Thoughtful experiments.
Documentation for animation tutorials and state machine guides
And practical ways to make interfaces a little more human.

Something worth a little reading time

Ideas to build on.

Practical field notes and comparisons.
A useful next step, not another open tab.

6 THINGS TO THINK ABOUT

Make the last click feel like a small win.

A practical recipe for a success state that reassures first, then celebrates.

The handoff that doesn't lose the feeling.

Name the states. Define the inputs. Give your developer a behavior, not a paragraph.

less motion;
same meaning;
more consideration.

A little less motion. Just as much delight.

Keep the feedback. Lose the unnecessary movement. Make the experience work for more people.

Frame by frame.
Or state by state?

Adobe Animate or ExodeUI? Start with what you're making.

Compare the workflows with production interfaces in mind, not just moving pictures.

Read the comparison
.a-little-motion {
  animation: hello;
  next: interaction;
}

When a CSS animation is just the beginning.

A look at Animate.css and ExodeUI for different kinds of interface work.

Read the comparison

Code your motion. Or see it as you make it.

Anime.js and ExodeUI offer different starting points. Find the one that fits your process.

Read the comparison

FIELD NOTES ARE NEW EDITORIAL CONTENT FOR THIS REDESIGN. COMPARISONS LINK TO EXODEUI'S PUBLISHED ARTICLES.

Enough reading. A little making?

The best way to understand an interaction is to get your hands on one.

Find something to play with
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Download for macOSv7.5.0 · Apple Silicon (.dmg)Download for Windowsv7.5.0 · 64-bit (.exe)

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →