... API, Lottie, or scroll-linked animations • Experience integrating analytics, A/B testing, or feature flagging systems (e.g. PostHog, LaunchDarkly, Segment, Amplitude) • Experience building ...
... API, Lottie, or scroll-linked animations • Experience integrating analytics, A/B testing, or feature flagging systems (e.g. PostHog, LaunchDarkly, Segment, Amplitude) • Experience building ...
... API, Lottie, or scroll-linked animations • Experience integrating analytics, A/B testing, or feature flagging systems (e.g. PostHog, LaunchDarkly, Segment, Amplitude) • Experience building ...
... API, Lottie, or scroll-linked animations • Experience integrating analytics, A/B testing, or feature flagging systems (e.g. PostHog, LaunchDarkly, Segment, Amplitude) • Experience building ...
... API, Lottie, or scroll-linked animations • Experience integrating analytics, A/B testing, or feature flagging systems (e.g. PostHog, LaunchDarkly, Segment, Amplitude) • Experience building ...
... API, Lottie, or scroll-linked animations • Experience integrating analytics, A/B testing, or feature flagging systems (e.g. PostHog, LaunchDarkly, Segment, Amplitude) • Experience building ...
... API, Lottie, or scroll-linked animations • Experience integrating analytics, A/B testing, or feature flagging systems (e.g. PostHog, LaunchDarkly, Segment, Amplitude) • Experience building ...
... API, Lottie, or scroll-linked animations • Experience integrating analytics, A/B testing, or feature flagging systems (e.g. PostHog, LaunchDarkly, Segment, Amplitude) • Experience building ...
Senior Motion Designer
New York, NY · On-site
$120K - $170K/yr
Own motion design end-to-end: concept, story, design, animation, delivery * Create motion systems ... 4D, Blender), Rive, Lottie, or real-time tooling * Sound design and editorial instincts
Senior Motion Designer
New York, NY · On-site
$120K - $170K/yr
Own motion design end-to-end: concept, story, design, animation, delivery * Create motion systems ... 4D, Blender), Rive, Lottie, or real-time tooling * Sound design and editorial instincts
Web Developer (Contract)
$100 - $120/hr
Familiarity with Webflow API, animations (Lottie, Rive), and No-Code tools. Nice to Haves * Ability to develop using a headless CMS (e.g., Contentful or Sanity) and modern frontend frameworks.
Web Developer (Contract)
$100 - $120/hr
Familiarity with Webflow API, animations (Lottie, Rive), and No-Code tools. Nice to Haves * Ability to develop using a headless CMS (e.g., Contentful or Sanity) and modern frontend frameworks.
Web Engineer
New York, NY · Remote
$170K - $220K/yr
... animations (e.g., using Framer, GSAP or Lottie) (Mandatory) Understanding of SEO principles and best practices--especially around performance, accessibility, and search optimization. (Nice-to-have ...
Quick apply
Web Engineer
New York, NY · Remote
$170K - $220K/yr
... animations (e.g., using Framer, GSAP or Lottie) (Mandatory) Understanding of SEO principles and best practices--especially around performance, accessibility, and search optimization. (Nice-to-have ...
... API, Lottie, or scroll-linked animations • Experience integrating analytics, A/B testing, or feature flagging systems (e.g. PostHog, LaunchDarkly, Segment, Amplitude) • Experience building ...
... API, Lottie, or scroll-linked animations • Experience integrating analytics, A/B testing, or feature flagging systems (e.g. PostHog, LaunchDarkly, Segment, Amplitude) • Experience building ...
Experience creating Lottie animations using Bodymovin and After Effects. Experience using Blender or other 3D software. Knowledge of accessibility guidelines for mobile platforms. Familiarity with ...
Experience creating Lottie animations using Bodymovin and After Effects. Experience using Blender or other 3D software. Knowledge of accessibility guidelines for mobile platforms. Familiarity with ...
Web Engineer
Washington, DC · Remote
$170K - $220K/yr
... animations (e.g., using Framer, GSAP or Lottie) (Mandatory) Understanding of SEO principles and best practices--especially around performance, accessibility, and search optimization. (Nice-to-have ...
Quick apply
Web Engineer
Washington, DC · Remote
$170K - $220K/yr
... animations (e.g., using Framer, GSAP or Lottie) (Mandatory) Understanding of SEO principles and best practices--especially around performance, accessibility, and search optimization. (Nice-to-have ...
... API, Lottie, or scroll-linked animations • Experience integrating analytics, A/B testing, or feature flagging systems (e.g. PostHog, LaunchDarkly, Segment, Amplitude) • Experience building ...
... API, Lottie, or scroll-linked animations • Experience integrating analytics, A/B testing, or feature flagging systems (e.g. PostHog, LaunchDarkly, Segment, Amplitude) • Experience building ...
Web Engineer
Atlanta, GA · Remote
$170K - $220K/yr
... animations (e.g., using Framer, GSAP or Lottie) (Mandatory) Understanding of SEO principles and best practices--especially around performance, accessibility, and search optimization. (Nice-to-have ...
Quick apply
Web Engineer
Atlanta, GA · Remote
$170K - $220K/yr
... animations (e.g., using Framer, GSAP or Lottie) (Mandatory) Understanding of SEO principles and best practices--especially around performance, accessibility, and search optimization. (Nice-to-have ...
... API, Lottie, or scroll-linked animations • Experience integrating analytics, A/B testing, or feature flagging systems (e.g. PostHog, LaunchDarkly, Segment, Amplitude) • Experience building ...
... API, Lottie, or scroll-linked animations • Experience integrating analytics, A/B testing, or feature flagging systems (e.g. PostHog, LaunchDarkly, Segment, Amplitude) • Experience building ...
Web Engineer
Miami, FL · Remote
$170K - $220K/yr
... animations (e.g., using Framer, GSAP or Lottie) (Mandatory) Understanding of SEO principles and best practices--especially around performance, accessibility, and search optimization. (Nice-to-have ...
Quick apply
Web Engineer
Miami, FL · Remote
$170K - $220K/yr
... animations (e.g., using Framer, GSAP or Lottie) (Mandatory) Understanding of SEO principles and best practices--especially around performance, accessibility, and search optimization. (Nice-to-have ...
... API, Lottie, or scroll-linked animations • Experience integrating analytics, A/B testing, or feature flagging systems (e.g. PostHog, LaunchDarkly, Segment, Amplitude) • Experience building ...
... API, Lottie, or scroll-linked animations • Experience integrating analytics, A/B testing, or feature flagging systems (e.g. PostHog, LaunchDarkly, Segment, Amplitude) • Experience building ...
Web Engineer
Philadelphia, PA · Remote
$170K - $220K/yr
... animations (e.g., using Framer, GSAP or Lottie) (Mandatory) Understanding of SEO principles and best practices--especially around performance, accessibility, and search optimization. (Nice-to-have ...
Quick apply
Web Engineer
Philadelphia, PA · Remote
$170K - $220K/yr
... animations (e.g., using Framer, GSAP or Lottie) (Mandatory) Understanding of SEO principles and best practices--especially around performance, accessibility, and search optimization. (Nice-to-have ...
Visual Designer
Palo Alto, CA · Hybrid
$102K - $110K/yr
Bonus: Experience with animation and video editing (After Effects, Lottie, etc.) * Bonus: Experience with designing for B2B * Bonus: Experience with designing in the AI space Location This is a ...
Visual Designer
Palo Alto, CA · Hybrid
$102K - $110K/yr
Bonus: Experience with animation and video editing (After Effects, Lottie, etc.) * Bonus: Experience with designing for B2B * Bonus: Experience with designing in the AI space Location This is a ...
Motion Design Director
Los Angeles, CA · On-site
$160K - $180K/yr
Familiarity with procedural animation, expressions, and scripting-based workflows * Awareness of real-time, AI-assisted, and code-based motion tools (Rive, Lottie, Cavalry, or similar) * Strong ...
Quick apply
Motion Design Director
Los Angeles, CA · On-site
$160K - $180K/yr
Familiarity with procedural animation, expressions, and scripting-based workflows * Awareness of real-time, AI-assisted, and code-based motion tools (Rive, Lottie, Cavalry, or similar) * Strong ...
Art Director
$117K - $122K/yr
Familiarity with After Effects, Lottie, or comparable animation tools * Background working on travel/tourism, food/beverage, healthcare, or entertainment accounts What Success Looks Like By the end ...
Art Director
$117K - $122K/yr
Familiarity with After Effects, Lottie, or comparable animation tools * Background working on travel/tourism, food/beverage, healthcare, or entertainment accounts What Success Looks Like By the end ...
Art Director
Norfolk, VA · On-site
$70K - $90K/yr
Familiarity with After Effects, Lottie, or comparable animation tools * Background working on travel/tourism, food/beverage, healthcare, or entertainment accounts What Success Looks Like By the end ...
Art Director
Norfolk, VA · On-site
$70K - $90K/yr
Familiarity with After Effects, Lottie, or comparable animation tools * Background working on travel/tourism, food/beverage, healthcare, or entertainment accounts What Success Looks Like By the end ...
Lottie Animation information
See salary details
$15.67 is the 25th percentile. Wages below this are outliers.
$10.58 - $16
27% of jobs
$16 - $21.42
0% of jobs
$21.42 - $26.84
19% of jobs
The median wage is $28.50 / hr.
$26.84 - $32.26
14% of jobs
$32.26 - $37.67
4% of jobs
$37.67 - $43.09
0% of jobs
$43.09 - $48.51
0% of jobs
$48.51 - $53.93
0% of jobs
$59.11 is the 75th percentile. Wages above this are outliers.
$53.93 - $59.35
12% of jobs
$59.35 - $64.77
6% of jobs
$64.77 - $70.19
18% of jobs
$10
$39
$70
How much do lottie animation jobs pay per hour?
As of Jun 20, 2026, the average hourly pay for lottie animation in the United States is $39.41, according to ZipRecruiter salary data. Most workers in this role earn between $21.88 and $63.94 per hour, depending on experience, location, and employer.
What are the key skills and qualifications needed to thrive as a Lottie Animation Designer, and why are they important?
To excel as a Lottie Animation Designer, you need expertise in motion design, vector illustration, and a solid grasp of animation principles, often supported by a background in graphic design or animation. Proficiency in tools like Adobe After Effects, the Bodymovin plugin for exporting Lottie files, and familiarity with JSON-based animation workflows is essential. Strong attention to detail, creativity, and effective communication with developers and designers are valuable soft skills in this role. These abilities ensure smooth integration of high-quality, lightweight animations into digital products, enhancing user engagement and experience.
What is the difference between Lottie Animation vs Motion Graphics Designer?
| Aspect | Lottie Animation | Motion Graphics Designer |
|---|---|---|
| Credentials | Proficiency in After Effects, JSON, and animation tools | Proficiency in After Effects, Adobe Creative Suite, and design principles |
| Work Environment | Web and mobile app development, UI/UX projects | Video production, advertising, broadcast, digital media |
| Industry Usage | Used for lightweight, scalable animations in apps and websites | Used for creating engaging visual content for various media |
While both roles involve animation skills, Lottie Animation focuses on creating lightweight, scalable animations specifically for web and mobile interfaces using JSON files. Motion Graphics Designers create broader visual content for videos, advertising, and media, often using similar tools but with different end goals.
Are animators in demand right now?
Animators, including those specializing in Lottie animations, are in growing demand as digital content and app development increase. Skills in animation tools like Adobe After Effects and proficiency in JSON-based animation formats are valuable in this expanding field.
How do Lottie Animation designers typically collaborate with developers and product teams during the animation integration process?
Lottie Animation designers frequently work closely with front-end developers and product teams to ensure that animations are seamlessly integrated into digital products. This collaboration often involves providing detailed animation assets, exporting JSON files via tools like Adobe After Effects with the Bodymovin plugin, and offering guidance on playback settings or performance optimization. Regular communication is essential to address technical constraints, maintain design intent, and troubleshoot any issues that arise during implementation. Such teamwork helps create engaging user experiences while meeting project timelines and technical requirements.
Is LottieFiles paid?
LottieFiles offers both free and paid plans for users, including access to premium animations, features, and collaboration tools. As a Lottie Animation professional, you may need to subscribe to a paid plan depending on your project requirements or team size.
Can you animate in Lottie?
Lottie animation involves creating animations using the Lottie framework, which renders JSON-based animations exported from tools like Adobe After Effects with the Bodymovin plugin. As a job, working with Lottie animations typically requires skills in animation design, JSON editing, and familiarity with mobile or web development environments. Animators and developers often use tools like Adobe After Effects and Lottie libraries to implement animations in apps and websites.
What is Lottie Animation?
Lottie Animation refers to lightweight, scalable animations that are rendered in real time using the Lottie library. These animations are created in design tools like Adobe After Effects and exported as JSON files using the Bodymovin plugin. Lottie makes it easy to use complex vector animations on the web and in mobile apps without significant performance costs, making it popular for enhancing user interfaces with engaging motion graphics.
Is Lottie better than GIF?
Lottie animations are vector-based and support high-quality, scalable animations with smaller file sizes compared to GIFs, making them preferable for modern web and app development. They can be created and edited using tools like Adobe After Effects and require knowledge of JSON and animation skills, which are valuable for roles involving animation implementation. GIFs are simpler and widely supported but less efficient for complex or high-quality animations.
Full-time
Posted 5 days ago
Job description
Job Summary:
Givebutter is a nonprofit fundraising and CRM platform that empowers changemakers. The Design Engineer role involves creating engaging marketing experiences and collaborating with design teams to enhance the platform's visual and interactive elements.
Responsibilities:
• Build acquisition and marketing surfaces in our Astro-based site, where you're free from the constraints of our Webflow-hosted content pages to make things that are faster, more interactive, more personalized, and more fun
• Partner with Design to translate Figma, prototypes, and AI-generated explorations into production-grade motion and interaction, and own the motion and interaction primitives that evolve across marketing and eventually product
• Build data-driven marketing pages that bring our real campaign and cause data to life: per-cause hubs, per-campaign stories, per-vertical landing pages, with the kind of craft and taste that makes them feel hand-made even when they're templated
• Wire our marketing surfaces into the same analytics and feature-flag plumbing our product team uses; we've got PostHog across the stack and LaunchDarkly in the dashboard, with real room to extend those patterns into how we ship marketing
• Collaborate with our 3rd-party Webflow team on the cross-cutting work that spans our whole web presence (analytics and tracking instrumentation, SEO, technical decisions)
• Partner with Growth, Marketing, Design, and the product engineering team as a natural translator between what each group needs
Qualifications:
Required:
• 4+ years of professional frontend engineering experience building production web applications or marketing sites
• Strong proficiency in JavaScript and TypeScript
• Strong understanding of semantic HTML, modern CSS, responsive layouts, and browser rendering behavior
• Production experience with modern frontend frameworks such as Astro, React, Next.js, or Svelte
• Experience implementing advanced frontend animation systems using tools such as GSAP, Framer Motion, View Transitions API, Lottie, or scroll-linked animations
• Experience integrating analytics, A/B testing, or feature flagging systems (e.g. PostHog, LaunchDarkly, Segment, Amplitude)
• Experience building reusable frontend components and interaction systems with maintainable architecture
• Strong understanding of Core Web Vitals, frontend performance optimization, and accessibility standards (WCAG, reduced motion support, semantic structure)
• Experience collaborating in Figma-based design workflows and implementing pixel-accurate UI from design specifications
• Comfortable reviewing, debugging, and refining AI-assisted code output before production deployment
• Experience using Git-based workflows and collaborating within engineering teams using pull requests and code reviews
Preferred:
• Enough Webflow comfort to collaborate with a 3rd-party team on tracking, analytics, and technical decisions (this is not a content-management role)
• Experience with data-driven page generation (CMS-driven templates, content collections, dynamic routing, and programmatic patterns that prioritize quality over volume)
• Design systems or motion primitive library maintenance
• Cloudflare Workers / edge routing / SEO / Core Web Vitals
• Background in a designer-first environment (agency, studio, or former designer)
• A personal site with personality (we will absolutely click through)
• Experimentation and product-analytics experience: you've run A/B tests, instrumented your work in tools like PostHog, Amplitude, or Mixpanel, and can help us think about what good infrastructure would look like here
• Nonprofit or mission-driven experience
Company:
Givebutter is a product-led company that develops an operating system for nonprofit fundraising. Founded in 2016, the company is headquartered in Wilmington, USA, with a team of 51-200 employees. The company is currently Growth Stage.
Givebutter is a nonprofit fundraising and CRM platform that empowers changemakers. The Design Engineer role involves creating engaging marketing experiences and collaborating with design teams to enhance the platform's visual and interactive elements.
Responsibilities:
• Build acquisition and marketing surfaces in our Astro-based site, where you're free from the constraints of our Webflow-hosted content pages to make things that are faster, more interactive, more personalized, and more fun
• Partner with Design to translate Figma, prototypes, and AI-generated explorations into production-grade motion and interaction, and own the motion and interaction primitives that evolve across marketing and eventually product
• Build data-driven marketing pages that bring our real campaign and cause data to life: per-cause hubs, per-campaign stories, per-vertical landing pages, with the kind of craft and taste that makes them feel hand-made even when they're templated
• Wire our marketing surfaces into the same analytics and feature-flag plumbing our product team uses; we've got PostHog across the stack and LaunchDarkly in the dashboard, with real room to extend those patterns into how we ship marketing
• Collaborate with our 3rd-party Webflow team on the cross-cutting work that spans our whole web presence (analytics and tracking instrumentation, SEO, technical decisions)
• Partner with Growth, Marketing, Design, and the product engineering team as a natural translator between what each group needs
Qualifications:
Required:
• 4+ years of professional frontend engineering experience building production web applications or marketing sites
• Strong proficiency in JavaScript and TypeScript
• Strong understanding of semantic HTML, modern CSS, responsive layouts, and browser rendering behavior
• Production experience with modern frontend frameworks such as Astro, React, Next.js, or Svelte
• Experience implementing advanced frontend animation systems using tools such as GSAP, Framer Motion, View Transitions API, Lottie, or scroll-linked animations
• Experience integrating analytics, A/B testing, or feature flagging systems (e.g. PostHog, LaunchDarkly, Segment, Amplitude)
• Experience building reusable frontend components and interaction systems with maintainable architecture
• Strong understanding of Core Web Vitals, frontend performance optimization, and accessibility standards (WCAG, reduced motion support, semantic structure)
• Experience collaborating in Figma-based design workflows and implementing pixel-accurate UI from design specifications
• Comfortable reviewing, debugging, and refining AI-assisted code output before production deployment
• Experience using Git-based workflows and collaborating within engineering teams using pull requests and code reviews
Preferred:
• Enough Webflow comfort to collaborate with a 3rd-party team on tracking, analytics, and technical decisions (this is not a content-management role)
• Experience with data-driven page generation (CMS-driven templates, content collections, dynamic routing, and programmatic patterns that prioritize quality over volume)
• Design systems or motion primitive library maintenance
• Cloudflare Workers / edge routing / SEO / Core Web Vitals
• Background in a designer-first environment (agency, studio, or former designer)
• A personal site with personality (we will absolutely click through)
• Experimentation and product-analytics experience: you've run A/B tests, instrumented your work in tools like PostHog, Amplitude, or Mixpanel, and can help us think about what good infrastructure would look like here
• Nonprofit or mission-driven experience
Company:
Givebutter is a product-led company that develops an operating system for nonprofit fundraising. Founded in 2016, the company is headquartered in Wilmington, USA, with a team of 51-200 employees. The company is currently Growth Stage.