Home
Docs
InfinityFX
©Copyright2016-2026 InfinityFX. All rights reserved.
InfinityFX®
Lively
v5.0.0
Getting started
Components
Animate
LayoutGroup
TextAnimation
ViewAnimation
Hooks
useAudio
useHover
useLink
useReducedMotion
useScroll
useSpring
useTap
useViewport
useVisible
Links
v4 docs
llms.txt

Getting started

Installing

1 
npm install @infinityfx/lively

Importing

Lively exports 2 components from @infinityfx/lively, the Animate and LayoutGroup components.

1 
import { Animate, LayoutGroup } from '@infinityfx/lively';

In addition Lively also exports from 2 submodules; @infinityfx/lively/hooks and @infinityfx/lively/presets. These submodules can be used in tandem with the main module and provide extra utilities to help create more complex animations.

1 
import { TextAnimation, ViewAnimation } from '@infinityfx/lively/presets';

Usage

Play a simple fading animation when the component mounts.