Word Animation
The WordAnimation component animates the appearance of words in a text, creating a visually engaging effect. It is highly customizable, allowing you to control the animation style, duration, and other properties to fit your design needs.
Installation
Install the package
npm i @start-base/start-uiAdd the styles
To use the React form elements styles in a Next.js project, import the styles in your layout.tsx file.
app/layout.tsx
import "@start-base/start-ui/styles.css";Import the component
import WordAnimation from '@start-base/start-ui/WordAnimation';Usages
Word Animation
StartUIisacomprehensiveReactUIlibrarydesignedtostreamlinethedevelopmentprocessbyofferingaversatilecollectionofover50components.
API
| Name | Type | Default | Description |
|---|---|---|---|
| text | string | `` | Text of the WordAnimation |
| className | string | `` | Classname of the WordAnimation |
| wordClassName | string | `` | Text Classname of the WordAnimation |