Interactive Rive animation for real products.
App mascots, AI companions and UI motion connected to real app data—with reusable Rive state systems and developer-ready handoff.
Static character preview. Enable JavaScript to explore the Rive animation states.
Founder of Kanthaka Labs (opens in a new tab) & Mascot Engine (opens in a new tab)Creator behind @uianimation (opens in a new tab)
I’m a freelance Rive animator and interactive motion designer specializing in app mascots, AI assistants, animated user interfaces and expressive robot faces.
The animation needs a clear path from the design file into your application. I define the control contract, reusable states and reset behavior so your team can connect real product data to predictable visual feedback.
Each project can include organized timelines, reusable rigs, documented inputs, event mappings and integration guidance tailored to your product.
Designed for motion.
Structured for development.
The final asset formats, controls and integration support are agreed in the project scope. Runtime support determines the available features.
Whether you’re launching a mobile app, building a SaaS dashboard or creating a conversational AI experience, I can help you build motion that feels native to your product.
Give your mobile app a character that reacts to real user actions. Idle animations, greetings, celebrations, progress reactions, achievements and emotions, connected through custom state controls.
Explore app mascot animationCreate an expressive AI character with listening, thinking, speaking and emotional states, plus eye movement and configurable facial expressions.
Explore AI companion animationBring personality to robot displays with animated eyes, blinks, emotions and mouth shapes. The animation architecture is planned for the device’s supported display and runtime.
Explore AI robot face animationCustom character animation, animated interfaces, onboarding interactions and product feedback—built as reusable assets for real integration.
Explore Rive animation servicesAnimated buttons, loading indicators, success states, navigation, progress and interface transitions that make product interactions easier to understand.
Explore UI animationGive conversational AI a visual presence with listening, processing, speaking, audio-reactive motion and configurable facial controls.
Explore voice assistant animationI connect animation behavior to the information your product already owns: request status, user progress, validation results and voice playback state.
A small, documented adapter keeps product logic separate from animation internals. Your developers get named controls, value ranges, reset rules and lifecycle guidance.
You build the product.
I bring it to life.
Idle, Listening, Thinking, Speaking, Success, Error and Celebration, with transitions designed around your product’s interaction requirements.
Documented inputs, properties and triggers let developers control expressions, gestures and reactions through a clear animation contract.
Organized Rive assets and scoped guidance for supported JavaScript, React, Flutter and React Native workflows. Feature support is checked against the target runtime.
Layouts prepared for different display sizes, with performance constraints and reduced-motion alternatives considered during the project.
Idle. Start a sample request to see its UI states.
A browser-only interaction study. No network request or production data.
Explore two published examples from Mascot Engine, the studio I founded. Their technical breakdowns show how character behavior is connected to product state and reusable controls.
A published mascot example with neutral, thinking, success and recovery behavior. Product events drive a documented state machine while status messages remain in the interface.
Read the feedback-system breakdownA published login example driven by safe authentication status values. Data-bound properties express success and failure while credentials and validation stay in the application.
Read the data-binding breakdown26.7 KiB .riv asset
Measured from the supplied export: 27,374 bytes, before transport compression. JavaScript and WebAssembly runtime downloads are additional.
Try the working robot integrationThe linked portfolio pages document animation behavior and implementation. They do not report production load times, task-completion changes or conversion results. File size alone does not establish rendering speed or user impact.
Inspect the Mascot Engine integration docsInteractive mascots can serve as guides, companions, coaches, reward characters or animated assistants inside a product. Their behavior follows what is happening in your application.
I design these responses using reusable character animation and Rive state machines, giving developers a practical way to connect motion to product logic.
Explore interactive mascotsAn app mascot acknowledges confirmed progress when a user completes a task.
An AI companion switches between listening, thinking and speaking as the conversation changes.
A virtual pet changes its expression as the application updates its activity or energy.
Practical resources for understanding interactive animation and preparing it for real digital products. Start with the state model, then plan the platform integration.
Component ownership, loading, cleanup and the animation control boundary.
Explore resourceAsset contracts, layout rules and validation on the target device.
Explore resourcePlan observable states, public controls, transitions and reset behavior.
Explore resourceExplore an original CSS character concept and turn its behavior into a brief.
Explore resourceMap listening, thinking, speaking and interruption to actual application events.
Explore resourcePlan asset loading, offscreen behavior, reduced motion and profiling.
Explore resourceCurrent platform resources are planning guides and application-level examples. End-to-end Rive SDK demos require a real asset and target-runtime validation.
The product’s behavior guides the animation from the first discussion to the final export.
Explore the full processDefine where the animation appears, how users interact with it and which behaviors your application needs to control.
Create or prepare the illustration, organize movable parts and build a reusable character rig.
Develop animation states, transitions, state-machine logic and expression controls.
Review the animation behavior and refine it around your intended interactions and agreed target runtime.
Deliver the agreed animation files, control details and integration guidance. Production application code is included only when explicitly scoped.
Have a particular runtime, illustration or device in mind? Include it in your project brief.
Discuss your projectA Rive animator creates interactive animations using Rive. Animation can respond to application states, triggers and user interactions through features such as state machines.
Rive provides runtimes for supported web and mobile platforms. Implementation depends on the runtime version, required features and integration architecture. Assets and controls are prepared with the target platform in mind.
Yes. I create animated mascots with character rigs, expressions, idle loops, progress reactions, celebrations and other behaviors controlled through Rive state machines.
Yes. I create interactive animation systems for AI assistants and chatbot characters, including listening, thinking, speaking and emotional states. Additional facial and mouth controls can be scoped around your product requirements.
Yes. I design digital faces with eye movements, blinking, emotions and configurable mouth shapes. Runtime and hardware compatibility must be evaluated for the target device.
Deliverables depend on the agreed scope and may include .riv files, organized animation controls, input mappings, interaction specifications and integration examples for the supported target runtime.
Yes. I can evaluate existing vector or layered artwork, identify missing parts needed for movement and prepare it for rigging and animation.
Pricing depends on character complexity, illustration requirements, animation states, interactive controls, platform constraints and testing needs. Share your project details for a tailored estimate.
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣀⣄⡄⠀⢀⣄⣄⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⣀⣠⣴⣴⣾⣿⣿⣟⣿⣿⣿⣿⣿⣿⣿⣿⣿⣧⣽⣦⣦⣆⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡀⣠⣤⣴⣽⡿⣻⣿⡏⣿⡿⢯⣾⣿⣿⣿⣿⣿⡿⣿⣽⣿⡿⣿⣿⣿⣿⣿⡿⣿⣷⣷⣦⣤⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣔⡣⣫⢟⣟⢾⣿⡭⣽⣿⣦⣿⣯⣾⣿⣏⣷⣾⢟⣹⢟⣟⡿⢱⣾⣿⣿⣿⣿⣿⣷⣽⣿⣿⣿⣿⣿⣤⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢰⣾⣟⣯⣻⣾⢿⣿⣿⣻⣿⣷⣿⣿⣿⣿⣿⣿⣿⣿⣷⣿⣾⣯⣽⣿⣿⢿⣹⣾⣿⣿⡿⣿⣿⣿⣿⣿⣟⣷⣯⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⢹⣿⣟⣿⣿⣿⣿⡿⣿⣿⡿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣾⣷⡳⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠠⡘⣿⣷⣿⣿⣿⣿⣿⣿⣿⣷⣿⣿⣿⣿⢟⡝⡿⣻⢫⢿⡿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣻⣿⣿⣿⣿⣿⣿⣿⣿⣁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⣾⣿⣿⣿⣿⣿⣿⠿⢿⢻⢫⠻⠈⠇⠑⠅⠕⢑⠱⢘⠸⡘⡍⡮⡻⣻⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡷⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠎⣻⣻⣿⣿⣿⡻⠘⠈⠈⠀⠀⠀⠀⠀⠁⠀⠐⠀⢁⠂⡑⢜⢸⢸⢸⢪⡪⡏⣏⢯⢿⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢍⢟⣿⠿⠑⠈⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⠌⡢⡑⡕⢕⢕⢕⢝⢜⢜⢎⢏⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⠆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢪⣿⡏⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠄⢂⠕⢬⢪⢪⢪⢎⢇⢧⢫⢪⢝⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠀⠌⡪⢪⢪⢪⡪⣪⢪⡪⣪⢳⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠐⠐⠑⡸⢸⢸⡸⣸⢸⣻⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣸⡇⠀⠀⠀⣀⣠⢄⢄⢄⠀⠀⠀⠀⠀⠀⢀⢔⣴⣮⣶⣮⣶⣽⣾⣶⣦⣅⠕⡱⡱⡕⡝⣿⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⠆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⣻⠂⣰⡾⡿⢿⢿⣿⣿⣿⣶⣔⡀⢀⠠⣴⣷⣿⣿⣿⣿⣿⢟⣛⢟⠟⢟⢿⣷⣕⢜⢜⢜⢽⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⣻⠅⠛⡠⡒⠓⢕⣷⣿⣯⠫⠙⠈⠀⡋⣮⣿⣿⣿⡿⠯⠉⠀⢉⢻⢻⣦⣌⢊⢻⢳⡱⡱⡱⣹⣿⣿⣿⣿⣽⣿⣿⣿⠗⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⢹⡁⠰⢀⣤⣮⡶⣯⣿⣿⣯⡊⠀⠠⣸⣾⣿⣿⣏⣧⠷⠋⢹⣱⣿⣶⣯⣿⣮⡸⡸⡨⡪⡪⣺⣿⣿⣿⣿⣿⣿⣿⣿⠆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣜⠀⢴⠟⢅⠌⠟⢿⢻⣿⢽⠏⠀⠡⡝⡿⣿⣿⣫⣩⣑⢑⢘⠻⢻⢝⣽⣿⣿⣿⣾⡹⡸⡩⣺⣿⣿⣿⣿⣿⣿⣿⣟⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡋⠀⠀⠀⠀⡄⡦⡷⣛⠆⠁⠀⢀⢣⣫⡺⣪⢻⢿⣮⣎⢗⢓⢾⡺⡛⡟⡟⡳⡱⡑⡎⡎⡎⡎⣿⣿⣿⣿⣿⡟⣡⣶⣿⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠅⠀⠀⠀⠀⠀⠠⠨⠂⠁⠀⠀⠠⡑⡮⡺⡵⣕⠕⠍⠝⠪⢊⠂⠄⠅⠌⠐⢐⠨⡊⡎⢎⢪⢪⢺⣿⣿⡿⣣⡷⢻⢹⢹⣟⡦⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⡎⠭⡝⢾⣯⡌⠀⠀⠀⠈⠀⠀⠀⠐⢐⢐⢜⠸⡸⡘⣜⢽⣿⣿⣮⣟⡜⡌⢎⢾⣳⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⣄⠀⢀⣬⣦⣧⡇⡣⣿⣿⠀⠀⠀⠀⠀⠀⠀⢀⢐⢰⢡⢣⢣⢪⣪⣿⣿⣿⡻⣿⣿⣼⡘⣽⣿⠇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠕⠀⠀⠀⠀⠀⠀⠀⠀⠀⢁⡍⠙⠸⠻⣹⣹⣷⡿⡏⢇⢇⠄⠀⠀⠀⠀⡐⡐⡌⢎⢎⢎⢎⠮⣾⣾⣿⡿⡺⣟⣿⣿⢪⣺⡟⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡑⡀⠀⠀⠀⠀⡀⢠⣠⣾⣿⣿⣿⣾⡄⣿⣿⣿⣿⣯⣷⢧⣧⢢⢠⢠⢑⠬⡘⡌⡎⡮⣪⣮⣿⣿⣿⣿⣿⡿⢟⢟⣧⣿⡟⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢾⣧⡀⠀⣀⣾⣞⣿⣿⣿⣿⣿⢛⠉⡁⡨⣻⣿⣿⣿⣿⣿⣿⣿⣿⣮⣢⡫⡪⡺⣸⣺⣿⣿⣿⣿⣿⣿⣿⣾⣜⣾⡫⡿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠨⣻⣿⡶⣨⣾⣿⣿⣿⣿⣽⡿⠬⠢⠕⢜⠬⢎⢿⣼⣼⣽⣿⣿⣿⣿⣿⣿⣷⣟⣾⣷⣿⣿⣿⣿⣿⣿⣿⣿⣿⣻⣻⠺⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢄⣻⣿⣿⣽⡿⣿⣿⢟⠋⠁⠀⠀⠀⠊⠀⠀⡑⠝⡝⣟⢿⡟⡟⡿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⢿⠟⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢳⣽⣿⣿⣛⣿⣿⢠⠠⡀⠄⣔⣴⢔⣶⣦⢢⣂⢇⢆⢇⢇⢇⢿⣿⣿⣿⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⠥⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢨⣹⣿⣿⣿⣾⣿⣿⣟⢫⣠⣴⣿⣿⣿⢿⣛⢮⡺⣜⢼⣸⣿⣿⣿⡿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡣⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⠔⣕⣹⣻⣿⣿⣿⣻⣿⣿⣟⣽⣟⡻⣞⡽⣿⣞⣷⣿⣿⣿⣿⣿⣿⣿⣿⣿⣻⣿⣿⣿⣿⣿⢿⣿⣿⣿⣿⣿⣿⢟⡗⠂⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠰⣡⣽⣻⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡯⣿⣽⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⠧⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢘⣼⣟⣿⣿⣿⣿⣿⣫⣿⣿⣯⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣽⣿⣽⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣵⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡰⢻⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣽⠆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣒⣼⣿⣿⣿⣵⣷⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⢆⠄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠰⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣻⣿⣿⣟⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⢼⣤⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⣬⣿⣿⣿⣿⢿⣿⡿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣵⣿⣮⣶⣶⢃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠌⣊⣿⣿⣿⣿⣿⣿⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣻⣿⣾⣿⣟⢟⢜⢔⢕⡑⡄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠐⠔⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⢿⣿⣿⣿⡿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⢿⣟⠽⡆⡇⡇⡢⡑⢌⠢⡐⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢠⠌⣶⣿⡿⣷⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣟⠽⣮⡽⢞⢜⠜⡔⢢⠪⡊⡌⢆⠢⢂⢀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠂⢿⡟⣿⣿⣿⣾⡿⣽⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣟⣷⣇⢿⣎⣊⢳⢑⢕⡑⠌⡆⡣⠂⡊⢆⠪⡐⢄⠢⡀⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠁⢀⠇⡽⡋⢿⢣⢳⢝⢿⣿⣿⣿⣽⣷⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⣿⣻⣵⢿⣎⢿⢆⢏⢎⠮⡪⢢⢊⢇⢑⠢⡃⡌⠢⡀⡃⢅⢌⠢⠒⡄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠁⢂⢁⠉⠐⢕⡹⣡⣿⠿⡝⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⢿⢿⣯⠾⣯⢻⣧⢻⣅⢻⢪⠪⡊⢪⠪⡘⢌⠪⠨⢊⠢⡑⠨⢈⢂⢂⠢⢂⠪⠨⡨⡐⠄⡀⠀⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠐⡐⡸⡻⢌⠊⠂⠑⢿⣿⣿⢻⡯⡻⡝⡽⡻⣿⣿⣿⠿⣿⢸⣟⣯⢻⡧⣻⡕⢿⣂⢝⢆⢇⠃⡎⢢⠑⡌⡢⡑⠔⡁⡢⡈⡢⡁⡂⡢⢁⢢⠊⢌⢐⢐⠆⡢⡠⠀⠀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠐⡀⠈⠣⠀⠈⠀⠈⢟⢿⣷⣑⣩⣊⡮⣾⢮⡿⣯⢻⡎⣿⢜⣷⢺⡇⢿⡪⠻⠸⡈⠢⡑⠄⠇⡂⡃⡑⢄⠇⡊⠄⠡⢂⠢⠂⠔⢐⠈⢰⠨⢊⢠⠑⡔⡱⡱⡱⡱⣀⠀⠀⠀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠠⠀⠀⠀⠀⠀⠀⠀⠀⢌⠨⢊⠩⡙⡍⠕⣸⠸⡅⢿⡨⣗⠹⡅⢻⡌⠗⠩⠡⠡⢡⠨⠨⢐⠡⠅⠅⠅⡊⠔⡁⠆⡅⠡⠈⠤⠡⠌⠢⠌⠤⠡⡱⡀⠇⡊⡢⡱⡱⡱⡪⡊⡢⡀⠀⠀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠐⠁⡂⡑⡐⡑⡑⢸⠈⡇⢹⡀⢜⠠⠛⢈⠠⠁⠅⠕⡡⠡⠨⡈⡄⢊⠨⠌⡐⡈⡐⣈⠂⢈⠢⡁⠅⠌⠌⡡⢊⠰⠑⠔⠨⢌⢢⠱⡌⢮⢸⢨⢪⢸⢨⠢⡀ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠂⠀⠀⠀⠀⠀⠀⠀⠀⠈⠐⢄⡂⢔⡠⡀⡆⣂⣂⢪⠂⠇⠆⠃⠡⠀⠄⠂⠠⠠⡡⡑⠠⠡⡑⡐⡈⠄⡑⠌⡠⢨⠐⡀⢂⠢⡁⠢⠘⡈⠂⡔⢁⠘⡌⠌⡈⢆⢣⢱⢱⢱⢱⢱⢑⢕⢸⢸⠰ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠂⠀⠠⡑⠄⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡀⠀⢀⠂⡈⢈⠀⠂⠐⠀⠈⠀⠂⠀⠄⠂⡐⠨⠈⡢⠊⠌⢌⢐⠐⡀⠃⠄⢃⢐⠠⠒⡈⠐⢄⠂⢡⠂⢌⠢⡐⠠⢃⠢⡑⡨⢪⢪⢪⢎⢎⢎⠜⡌⡎⡎⡜⡜ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠠⠠⠁⠀⠠⡑⠌⠀⠀⠀⠀⠀⠀⠀⠠⠀⠠⠁⡀⠈⠀⠀⠄⠀⠄⠠⠐⠀⠁⠈⢀⠈⠄⡁⠄⡂⠅⢄⠅⡡⢑⠠⠐⡈⢂⠌⠂⠔⠡⡈⠄⠅⠂⢌⠠⡈⢄⠡⠌⠢⠨⢢⢢⢪⢪⢊⢎⢆⢇⢎⢎⢎⢜⢜⢜⢜ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⢢⢑⠀⠰⣑⠈⠀⠀⠀⠀⠀⠀⠀⠀⠠⠀⠀⠂⡀⠊⠀⠁⠄⠀⠂⠁⠀⠄⠁⠐⠀⡁⡅⡂⠅⡨⠠⠂⠂⡁⢐⠄⡁⠄⡁⢎⠰⢈⠐⡈⠠⡑⠡⡂⠡⣈⠂⡁⢂⠡⠡⡡⡃⢇⢣⢣⠣⡑⣅⢣⠣⣃⢇⢇⢇⢇ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⡰⢑⠀⠀⢕⠂⠁⠀⠀⠀⠀⠀⠀⡀⠂⢀⠐⡀⠂⡀⠂⠐⢁⠂⠁⢀⢑⠈⠀⡈⠂⡈⡂⠄⡂⠌⡂⠢⡈⢂⠐⠄⠒⢀⠢⡐⠠⡈⢂⠱⡨⢂⢐⠕⢌⠂⡂⠂⡈⢂⢕⢕⠥⡹⢸⠸⡨⠪⡊⡆⡇⡇⡇⡇⣇⢇⢇ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢌⢆⠅⠀⢅⠇⠂⠀⠀⠀⠀⠐⠠⠀⡀⠂⡀⠀⠠⠁⠄⠠⠈⠄⠀⢁⠂⠀⢀⠐⠠⢂⠂⠂⠤⠠⠁⠨⡈⠄⠐⠌⢊⠌⠄⠡⡀⠢⡘⢄⢑⢌⠢⡃⡊⠄⡐⠈⠀⡆⡕⡕⡕⡕⡝⢜⠌⡌⡅⡇⡕⡕⡭⡪⡪⡪⡪⡕ ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣕⢐⠀⡐⡅⡁⠀⠀⠀⠀⠀⠀⢀⠂⠄⠂⠀⡡⢀⠡⠀⠅⠌⠀⠄⠀⡁⢈⠠⠠⡑⠄⠥⠡⠡⢁⠊⠌⢄⠊⠌⠌⡐⠅⠄⡅⠌⡂⡢⡑⡔⡢⢃⠢⡑⠁⠀⢠⡑⡕⣕⡝⡜⡨⡨⡐⡑⣔⡑⡕⣕⢕⢜⡔⡕⣕⢕⢕
I’m Praneeth Kawya Thathsara, a freelance Rive animator and interactive motion designer for developers.
I create animation systems for apps, SaaS, websites and AI products, with reusable states, documented controls and practical developer handoff.
I’m the founder of Kanthaka Labs (opens in a new tab) and Mascot Engine (opens in a new tab), and the creator behind @uianimation (opens in a new tab), where I share motion resources, build useful tools and help developers and designers learn interactive animation.
More about meI build products, lead a specialist studio and share motion resources with the developer and design community.
Website links below open in a new tab.
Founder
A founder-led lab for useful apps, web tools and independent digital products.
Founder
A specialist studio for interactive mascots, AI characters and expressive robot faces, with practical developer handoff.
Creator & community builder
The platform behind my @uianimation work: useful motion tools, practical resources and a community connecting developers and designers.
Each site focuses on a different need—from hiring a Rive animator to learning a runtime or planning a website mascot.
A focused entry point for hiring me as a freelance Rive animator.
Independent Rive learning, runtime guides and file-testing resources.
Defined mascot animation packages for apps, SaaS and digital products.
A focused website mascot offering by Mascot Engine.
Building a mobile app, SaaS platform, AI assistant or interactive website? Let’s create custom animation that responds to your users and fits your development workflow.
Tell me what you’re building, which platform you’re using and what you want the animation to do.
Motion Design for Developers. Built for Interaction.