Gradient Bars
Animated background with vertical gradient bars that pulse in a wave-like motion.
Installation
npm install motion react
pnpm install motion react
yarn add motion react
bun add motion react
Gradient Bars
Props
Prop | Type | Default |
---|---|---|
bars? | number | 20 |
colors? | string[] | ["#e60a64", "transparent"] |
Typewriter
Typewriter animations simulate the effect of text being typed out in real-time. This technique can be used to create a sense of anticipation and engagement as users watch the text appear on the screen.
SkeletonsNew
Skeletons are placeholder elements that can be used to indicate loading states in your application. They provide a visual cue to users that content is being loaded.