lottie-animations

Solid

Lottie animation skill for integrating After Effects animations into iOS, Android, and cross-platform mobile apps with playback control, performance optimization, and interactive animation capabilities.

AI & Automation 1,160 stars 71 forks Updated today MIT

Install

Quality Score: 96/100

Stars 20%

100

Recency 20%

100

Frontmatter 20%

70

Documentation 15%

100

Issue Health 10%

50

License 10%

100

Description 5%

100

Skill Content

# Lottie Animations Skill Comprehensive Lottie animation integration for mobile platforms, enabling high-quality vector animations from After Effects in iOS, Android, React Native, and Flutter applications. ## Overview This skill provides capabilities for integrating Lottie animations into mobile applications, including animation playback control, performance optimization, interactive animations, and proper asset management across platforms. ## Capabilities ### Animation Integration - Import and validate Lottie JSON files - Configure lottie-ios for native iOS apps - Set up lottie-android for native Android apps - Integrate lottie-react-native for React Native - Configure lottie for Flutter apps ### Playback Control - Implement play, pause, stop controls - Configure animation speed and direction - Set up loop modes (none, loop, autoReverse) - Implement progress-based playback - Handle animation completion callbacks ### Interactive Animations - Implement gesture-driven animations - Configure animation markers/segments - Sync animations with scroll position - Implement drag-based animation control - Handle touch interaction with animation ### Performance Optimization - Optimize animation file size - Configure rendering modes (software/hardware) - Implement animation caching - Handle memory management - Preload animations for smooth playback ### Asset Management - Organize animation assets - Configure dynamic text replacement - Handle color theming - Manage animation ver...

Details

Author: a5c-ai
Repository: a5c-ai/babysitter
Created: 4 months ago
Last Updated: today
Language: JavaScript
License: MIT

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Listed

lottie-design

Search, fetch, and integrate free Lottie animations into React, React Native, Vue, Svelte, Angular, Flutter, and Vanilla web projects. Use when the user asks for any Lottie/dotLottie/animation work — loaders, success checkmarks, splash screens, empty states, onboarding, micro-interactions. Triggers on keywords like "lottie", "dotlottie", ".lottie", "animasyon ekle", "splash animation", "loader animation", "success animation", "empty state animation".

0 Updated today

byrobertocumbane-glitch

Web & Frontend Listed

lottie-animator

Generates professional Lottie animations from static SVGs. Replaces After Effects for motion graphics. Use when the user asks to: animate logo, create lottie, svg animation, motion graphics, wiggle animation, bounce effect, rotate animation, pulse effect, entrance animation, loading animation, loop animation, icon animation, character animation, morphing, path drawing, trim path, walking animation, run cycle, walk cycle, frame-by-frame animation, sprite animation. Supports advanced bezier curves, shape modifiers, parenting, mattes, morphing, character rigs, and professional frame-by-frame animation techniques.

0 Updated 4 days ago

AI & Automation Solid

magic-animator

AI-powered animation tool for creating motion in logos, UI, icons, and social media assets.

39,350 Updated today

AI & Automation Listed

flutter-animating-apps

Implements animated effects, transitions, and motion in a Flutter app. Use when adding visual feedback, shared element transitions, or physics-based animations.

3 Updated 2 days ago

openplaybooks-dev

Web & Frontend Listed

rive-interactive

State machine-based vector animation with runtime interactivity and web integration. Use this skill when creating interactive animations, state-driven UI, animated components with logic, or designer-created animations with runtime control. Triggers on tasks involving Rive, state machines, interactive vector animations, animation with input handling, ViewModel data binding, or React Rive integration. Alternative to Lottie for animations requiring state machines and two-way interactivity.

193 Updated 6 months ago