Click the fields
Login guardKip follows your typing and covers its eyes for the password.
Open in ExodeUI
Open in ExodeUIInteraction Studies & Component Gallery
Real components. Not video captures.
Every example is a real .exode scene. Play with it, change its inputs, then copy the React or SwiftUI code that loads the same file.
Live with Kip
Steal these moments. Make them yours.
Each card is a real, small .exode file starring Kip, our mascot. Play with it here, then open it in the editor and make it yours.
Play
Star ratingEvery star changes Kip’s mood, from heartbroken to thrilled. Open in ExodeUI
Open in ExodeUIPlay
Dress upA character customiser with hats, colours and shuffle. Open in ExodeUI
Open in ExodeUIPlay
404 flashlightA lost page in the dark. Find Kip with your cursor. Open in ExodeUI
Open in ExodeUIPlay
Night modeFlip the switch and Kip falls asleep. Open in ExodeUI
Open in ExodeUIPlay
UploadKip pushes the progress bar to 100% and celebrates. Open in ExodeUI
Open in ExodeUIScene lab
One scene at a time. Every input real.
Pick a scene, then change its inputs. The stage and the code use the same file and the same values.
All examples
Open any scene. Read the real code.
Micro-interactions
Spring Button
Interactive spring-driven button with configurable stiffness, damping, and tap velocity. Export clean React JSX and native SwiftUI code.
4 inputs · 1 events
UI & States
Interactive Toggle
Tactile spring-loaded toggle switch with elastic thumb stretch, particle burst, and live state-machine events. One real .exode scene.
6 inputs · 3 events
Micro-interactions
Magnetic Button
Physics-based magnetic button that tracks cursor proximity with smooth spring pull and fluid rebound. Production React JSX code.
4 inputs · 1 events
Physics & Gestures
Pull-to-Refresh
Elastic pull-to-refresh interaction with logarithmic resistance, state machine loading states, and production React and SwiftUI code.
4 inputs · 0 events
UI & States
Animated Loader
Multi-state deterministic progress loader with morphing vector geometry, smooth indeterminate transitions, and React/Swift code output.
5 inputs · 1 events
Gestures & Cards
Swipe Card
Drag-to-snap card rail with spring release, velocity handoff and clickable dots. One real .exode scene with live index and accent inputs.
3 inputs · 1 events
Micro-interactions
Glass Button
Modern glassmorphic interactive button with real-time backdrop blur, chromatic light border reflection, and tactile spring scale on hover and click.
3 inputs · 1 events
Layout & Scroll
Parallax Header
Five-layer depth parallax header that drifts with the pointer and idles on its own. One real .exode scene with depth and colour inputs.
4 inputs · 0 events
Gestures & Cards
Bottom Sheet
Physics modal that springs from its trigger, dims and scales the page behind it, and emits confirm or dismiss. One real .exode scene.
4 inputs · 2 events
Build your next living interface today.
Design fluid physics and visual logic in ExodeUI and export directly to React, Swift, and Flutter.