Skills
.Work. You
Rest

lottie

Official

Add and manage Lottie animations on your site.

Software Engineering#ui#frontend#react#animations#lottie#lottiefiles
AuthorBasedHardware
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Adds and manages Lottie animations on the website using LottieFiles to deliver lightweight, scalable motion graphics without heavy custom animation work.

Core Features & Use Cases

  • Reusable Lottie component: Wraps DotLottieReact to render JSON/.lottie animations in React components.
  • Framer Motion integration: Combine Lottie with Framer Motion for scroll-triggered and interactive animations.
  • Asset flexibility: Supports local and remote Lottie files (JSON/.lottie) and simple usage across pages.
  • Use Case: Add a loading indicator or success check animation in a SaaS dashboard to improve user feedback.

Quick Start

Install the LottieFiles React package and create a reusable Lottie component, then render with a src pointing to your animation.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: lottie
Download link: https://github.com/BasedHardware/omi-landing/archive/main.zip#lottie

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.