You will get an interactive Rive animation for your website or mobile app
Top Rated
Top Rated
Project details
Get a polished, interactive Rive animation for your website, mobile app, or digital product.
I can transform your Figma, SVG, or vector design into a smooth, lightweight animation with interactions such as hover, click, tap, triggers, toggles, and multiple UI states.
If you don’t have a final design yet, I can also help prepare the visual assets. Please contact me before ordering to discuss scope, timeline, and any additional costs.
Depending on the package, your project can include a custom state machine, responsive setup, multiple animation states, and developer-ready files for Web, React, Flutter, React Native, iOS, and Android.
I focus on creating animations that are visually appealing, optimized, organized, and easy for developers to implement.
Suitable for:
• Website hero sections
• Mobile app onboarding
• Interactive illustrations
• UI components and buttons
• Loaders, success, and error states
• Product interfaces and micro-interactions
• Simple interactive mascots
Please contact me before ordering for custom design work, complex character animation, multiple screens, advanced data binding, or projects with more than five animation states.
I can transform your Figma, SVG, or vector design into a smooth, lightweight animation with interactions such as hover, click, tap, triggers, toggles, and multiple UI states.
If you don’t have a final design yet, I can also help prepare the visual assets. Please contact me before ordering to discuss scope, timeline, and any additional costs.
Depending on the package, your project can include a custom state machine, responsive setup, multiple animation states, and developer-ready files for Web, React, Flutter, React Native, iOS, and Android.
I focus on creating animations that are visually appealing, optimized, organized, and easy for developers to implement.
Suitable for:
• Website hero sections
• Mobile app onboarding
• Interactive illustrations
• UI components and buttons
• Loaders, success, and error states
• Product interfaces and micro-interactions
• Simple interactive mascots
Please contact me before ordering for custom design work, complex character animation, multiple screens, advanced data binding, or projects with more than five animation states.
Main Type
Landing Pages, Mobile Apps, Web Apps, WebsiteFile Format
SVG, OtherWhat's included
| Service Tiers |
Starter
$100
|
Standard
$300
|
Advanced
$450
|
|---|---|---|---|
| Delivery Time | 2 days | 5 days | 7 days |
Number of Pages | 1 | 1 | 1 |
Number of Revisions | 2 | 2 | 2 |
Source Files | |||
Commercial Use | |||
Convert to HTML/CSS | |||
Responsive Design | - | ||
Interactive Mockup |
Optional add-ons
You can add these on the next page.
Fast Delivery
+$50 - $150
Additional Revision
+$30Frequently asked questions
20 reviews
(20)
(0)
(0)
(0)
(0)
This project doesn't have any reviews.
HE
Haider E.
Dec 20, 2025
Lottie Animation Designer for Mobile App Transition
Complex lottie created to premium standard and correct design.
GA
Gian A.
Dec 19, 2025
Minimal Anime-Inspired Lottie Animations for Website
Muhammad was great, he was making sure that the animations were as good as I wanted them to be. Great to work with, highly recommend. I'd be happy to work with him again.
SC
Shavaun C.
Dec 19, 2025
Update Motion Sequence (After Effects)
Appreciate the final output which matched our request and specifications. Thanks!
AB
Alex B.
Oct 17, 2025
SVG/Lottie Animator Needed
RB
Richard B.
Oct 13, 2025
Logo Animation
About Muhammad Hafiizhun
Rive Animator | Lottie for Web, App & Mascot Animation
100%
Job Success
Jakarta, Indonesia - 9:00 am local time
Whether you need a smooth website hero animation, a lightweight Lottie file, or an interactive Rive mascot with multiple states, I create production-ready motion that looks great and is practical for developers to implement.
⭐ Why work with me
I have 8+ years of experience in 2D motion design and have been trusted by agencies and product teams to create animations for landing pages, onboarding experiences, product interfaces, and animated mascots.
🎨 What I can help you with
• Rive animation for websites and mobile apps
• Lottie and JSON animation optimized for small file sizes
• SaaS landing page, website hero, and product UI animation
• App onboarding, splash screens, loaders, and micro-interactions
• Mascot and character animation
• Figma to Rive and Figma to Lottie
• After Effects to Lottie conversion
• Product explainers and animated illustrations
⚙️ For interactive Rive projects
• State machines and interactive transitions
• Triggers, booleans, number inputs, events, and data binding
• Mascot states such as idle, success, error, loading, and onboarding
• Responsive animations for different screen sizes
• Runtime-ready files for Web, React, Flutter, React Native, iOS, and Android
• Optimized Figma and SVG assets prepared for Rive
My focus is not only making the animation look polished. I also make sure the file is lightweight, well-organized, responsive, and easy for your developer to work with.
📋 My workflow
1. Review your Figma design, storyboard, brand guidelines, or existing assets
2. Create the first animation preview
3. Refine the timing, transitions, and interactions
4. Optimize and deliver the final Rive, Lottie, or source file
🛠️ Tools
Rive, After Effects, Lottie/Bodymovin, Figma, Illustrator, and Photoshop.
Send me your design or project requirements, and I can help determine whether Rive or Lottie is the best solution for your website or app.
Steps for completing your project
After purchasing the project, send requirements so Muhammad Hafiizhun can start the project.
Delivery time starts when Muhammad Hafiizhun receives requirements from you.
Muhammad Hafiizhun works on your project following the steps below.
Revisions may occur after the delivery date.
Project review and planning
I review your design files, references, interaction details, target platform, and selected package before starting the animation.
First animation preview
I create the initial animation and share a preview for you to review the movement, timing, and overall direction.