AURA® / OBJECTS OF SOUND TRY THE FINISHES
DESIGNED TO DISAPPEAR.UNTIL YOU PRESS PLAY.
Aura OneSage / $249
01PRODUCT / COLOR STATES
Desire is in the details.
A finish change that feels like picking it up.
For designers who feel the difference
Make the work
you can't
scroll past.
You know it when you feel it. The perfect transition. The unexpected response. The interface you have to try again.
Design that feeling. With ExodeUI.
Design. Animate. Make it respond. All on one canvas.
Less “how did they do that?”
More “I made that.”
More “I made that.”
AN IDEA, WITH THE FEELING LEFT IN.01 / SOUND & VISION
FORM®
A DIFFERENT FREQUENCY.VOL. 001
IN STEREO
A DIFFERENT FREQUENCY.VOL. 001
IN STEREO
EXPERIMENTAL SOUND.
EXCEPTIONAL FEELING.
33 1/3 RPM / EST. NOWEXCEPTIONAL FEELING.
Somewhere newFORM / Motion, on repeat
VISUAL DEMONO AUDIO
Make it yours
Don't just look. Change the feeling.REAL INTERACTION. NOT A SHOWREEL.
Great design is more
than a great screenshot.
Interactive Case StudyDesign · Motion · State Machines
The Living Login: State Machines in Action
Watch how vector graphics, declarative spring physics, and deterministic logic merge into one living component without glue code.
Active State[idle]
01 / VISUAL CANVAS (60FPS) LIVE INTERACTION
Tip: Type "error" in email to trigger the spring shake recovery state.
02 / VISUAL STATE GRAPH INSPECTORClick any state to test
01 / DESIGNVector Tokens
Authored on vector canvas. Scales from 16px to 8K without pixels.
02 / MOTIONSpring Dynamics
60fps physical mass & damping. Interruptible without glitching.
03 / LOGICFinite Machine
Zero boolean spaghetti. Deterministic transitions across web & iOS.
import { ExodeUICanvas } from 'exodeui';
// Springs, states and timing live in the .exode file (designed in the
// editor). Your code passes inputs in and hears events back.
export function LoginForm() {
return (
<ExodeUICanvas
src="/login_form.bexode"
onTrigger={(name) => console.log('ExodeUI event:', name)}
/>
);
}A few reasons not to play it safe
This could be
your kind of work.
Not a moodboard. A playground.
Every example below has something to discover.
Go on. Get your cursor involved.
UNTIL YOU PRESS PLAY.
NO RULES. JUST RHYTHM.
MAKE
SOME
NOISE*TYPE IT.
FEEL IT.
FEEL IT.
02BRAND / KINETIC TYPE
Impossible to ignore.
Typography with a point of view. And a pulse.
p. PULSE / OVERVIEWSAMPLE DATA
Total revenue$42,850.00
+18.6% MONTHUSUN
Transactions1,284
Avg. order$33.37
Change the range.Follow the story.
03DATA / TRANSITIONS
Make the numbers mean more.
Context stays. The whole picture changes.
OTHERWHERE / TAKE THE SCENIC ROUTE TAP TO DEPART
OTHERWHERE AIRBOARDING PASS / DEMO
SFOSan Francisco
HNDTokyo Haneda
FLIGHTOW 208GATEA12SEAT02ABOARDING10:45
Your next chapter is boarding.
04PRODUCT / STATE CHANGE
The journey starts with a click.
Turn a routine confirmation into anticipation.
STUDIO / A LITTLE LESS FRICTION TYPE A COMMAND
A FEW GOOD MOVES
05PRODUCT / KEYBOARD & LOGIC
Even the shortcuts feel considered.
A command palette that actually does something.
FORM STUDIES / NO. 006DRAG TO REFORM
Nothingstays ordinary.
ORDEREXPRESSION
06BRAND / REACTIVE FORMS
Find a form no one's seen.
One input. A completely different expression.
That idea you just had?
Don't leave it in your head.
Original HTML/CSS interaction concepts for this redesign, not ExodeUI runtime exports. Brands, products, transactions, and data shown are illustrative.
One canvas. The whole idea.
From “what if”
to there it is.
No passing the spark from tool to tool.
Keep the shape, the movement, and
the behavior in the same conversation.
01 Give it shape.
Vectors, typography, gradients, and layers. All the small details that make it yours.
Explore design tools02 Find its rhythm.
Shape the timing, finesse an easing curve, or let motion follow a path of its own.
Explore animation tools03 Make it respond.
Wire up inputs and states. Bring the same scene into your app with an ExodeUI runtime.
Explore logic & interactionTHE NEXT THING YOU WISH YOU MADE.
Be the designer
who made that.
A creative space for people who don't leave good ideas sitting still.