Browse categories
English
$
USD
Connect to your AI
I will rive interactive animation websites mobile app buttons loaders ui state machines
Esther M.
About this gig
Make every click feel clear and intentional.
I design interactive UI elements in Figma and bring them to life with Rive animation for websites and mobile apps. Ideal for SaaS teams, app developers who need consistent visuals and clear user feedback.
I confirm the behavior of each component before animating, match your brand style and check the agreed transitions. Desktop hover and mobile tap interactions are planned for their intended device.
What I offer:
- Button and toggle interaction design
- Loading, success and error animations
- Agreed hover, click or tap states
- Rive state machines and transitions
- Editable Figma component designs
- A clickable Figma prototype
- Working .riv files and preview recordings
- Interaction notes for developer handoff
Your delivery includes one component showcase screen, with the agreed UI elements and states. This is focused component design, rather than a complete app or website.
Full screen design, character animation, complex illustrations and website or app integration require separate scope.
Send your UI references and interaction brief, and let's make your interface respond clearly.
Delivery style preference
Please inform the freelancer of any preferences or concerns regarding the use of AI tools in the completion and/or delivery of your order.
Get to know Esther M.
Esther M.
Lottie Animator JSON GIF Icons and UI Animation
- FromUnited States
- Member sinceOct 2026
Languages
English, French, Spanish, Italian
Bring clear, purposeful motion to your website or app. I create Lottie animation, JSON animation and animated GIFs for icons, loaders and UI elements. My focus is smooth timing, consistent brand colors and motion that supports your design. Whether you need a loading loop, success animation or animated icon set, I work from your artwork and brief to define the movement and delivery format. You receive organized files, previews and clear communication throughout the project. Share your design, intended platform and animation idea so we can agree on practical scope and bring your visuals to life.
FAQ
What do you need to start my Rive animation?
Send your Figma designs or visual references, brand colors, fonts and a description of each interaction. Specify the target device and what should happen on hover, click, tap or completion.
Can you design the UI elements from scratch?
Yes. I can design simple buttons, toggles and loaders in Figma using your brand style, then animate the agreed states in Rive. Complex illustrations and character designs require a separate quote.
What files will I receive?
You will receive editable Figma component designs, a clickable Figma prototype, working .riv animation files, preview recordings and interaction notes for your developer.
Does this include a complete app design or website integration?
Each package covers the agreed components on one showcase screen. Complete app screens, website pages, coding and integration are separate services. Share your platform requirements before ordering so we can confirm compatibility.
How do revisions and interaction testing work?
I check the agreed states and transitions before delivery. Revisions cover adjustments to the approved design and behavior; new components or additional states require extra scope. Testing inside your live website or app is included only if separately a
