Lottie

A wrapper component for rendering Lottie animations.

Lottie Animation Placeholder

(Requires valid animation JSON data)

Installation

bunx --bun shadcn@latest add undefined/r/Lottie.json

Usage

import { Lottie } from "@/components/Lottie"
import animationData from "./animation.json"

<Lottie src={animationData} />

API Reference

PropTypeDefaultDescription
srcobject-The Lottie animation JSON data.
optionsobject-Optional configuration for react-lottie.