Interactive & Micro-Animations for Web & UI (Rive & Lottie) by Angelo KonofaosInteractive & Micro-Animations for Web & UI (Rive & Lottie) by Angelo Konofaos
Interactive & Micro-Animations for Web & UI (Rive & Lottie)Angelo Konofaos
Cover image for Interactive & Micro-Animations for Web & UI (Rive & Lottie)
Lottie (json) files built using Adobe After Effects, interactive animations and micro-interactions built using Rive, designed for web, app, or UI implementation. Includes button effects, hover states, and visual responses to user actions - ideal for modern, motion-enhanced interfaces.

What's included

.riv file or exported animation (as per dev needs)
Final Rive file or alternative export format, ready for development use.
Source animations (for developers)
Editable project file with all animation states for integration or future updates.
Multiple interaction states (default, hover, active, etc.)
Separate animations for each UI state or user interaction.
Test preview or Rive embed link
Interactive preview or live embed link to see the animation in action.
Setup notes or animation specs for handoff (if needed)
Documentation with implementation instructions, naming conventions etc.
Lottie file (.json)
Lightweight, scalable animation exported via Bodymovin plugin - ideal for web and mobile use.
After Effects project file (.aep)
Source file from After Effects, provided for projects built or exported through AE and Bodymovin.
FAQs
Pricing is based on the scope and complexity of the animation. Key factors include: • The number of animations or interaction states (e.g. idle, hover, tap) • Level of detail (simple icon vs. complex multi-element animation) • Whether the animation is interactive (Rive) or static/looping (Lottie) • Inclusion of sound design or synced transitions • Export needs — if multiple versions or sizes are required • Source files requested (e.g. .aep or layered .riv file) • Turnaround time — rush projects may include an additional fee
Contact for pricing
Tags
Adobe After Effects
Figma
Rive
2D Animator
Animator
Rive Animator
Service provided by
Angelo Konofaos Athens, Greece
Interactive & Micro-Animations for Web & UI (Rive & Lottie)Angelo Konofaos
Contact for pricing
Tags
Adobe After Effects
Figma
Rive
2D Animator
Animator
Rive Animator
Cover image for Interactive & Micro-Animations for Web & UI (Rive & Lottie)
Lottie (json) files built using Adobe After Effects, interactive animations and micro-interactions built using Rive, designed for web, app, or UI implementation. Includes button effects, hover states, and visual responses to user actions - ideal for modern, motion-enhanced interfaces.

What's included

.riv file or exported animation (as per dev needs)
Final Rive file or alternative export format, ready for development use.
Source animations (for developers)
Editable project file with all animation states for integration or future updates.
Multiple interaction states (default, hover, active, etc.)
Separate animations for each UI state or user interaction.
Test preview or Rive embed link
Interactive preview or live embed link to see the animation in action.
Setup notes or animation specs for handoff (if needed)
Documentation with implementation instructions, naming conventions etc.
Lottie file (.json)
Lightweight, scalable animation exported via Bodymovin plugin - ideal for web and mobile use.
After Effects project file (.aep)
Source file from After Effects, provided for projects built or exported through AE and Bodymovin.
FAQs
Pricing is based on the scope and complexity of the animation. Key factors include: • The number of animations or interaction states (e.g. idle, hover, tap) • Level of detail (simple icon vs. complex multi-element animation) • Whether the animation is interactive (Rive) or static/looping (Lottie) • Inclusion of sound design or synced transitions • Export needs — if multiple versions or sizes are required • Source files requested (e.g. .aep or layered .riv file) • Turnaround time — rush projects may include an additional fee
Contact for pricing