Skip to content
How to use our animated illustrations in code.

Our animated illustrations are published as a separate package. The animations are exposed as Lottie files, so you will also need to install a library such as lottie-react in order to use them.

pnpm add @pleo-io/telescope-animated-illustrations lottie-react

Once installed, the animations can be imported and used like so:

import Lottie from 'lottie-react'
import boat from '@pleo-io/telescope-animated-illustrations/lottie/boat.json'

const MyComponent = () => return <Lottie animationData={boat} loop />
Information:

See the documentation for lottie-react for more details.

On this page