Installation

Using components is very straightforward, anyone can do it.

Steps

Follow these steps to manually install components:

1. Pick a component

Preview components and find something you like, then head to the Code tab.

2. Install dependencies

Components may use external libraries, don't forget to install them by selecting Manual, copying the command, and running it in your terminal.

1. npm install gsap

3. Copy the code

The Code tab also contains all the code you need to copy and you can also read the code to understand how it works.

4. Use the component

A basic usage example is provided for every component, and if you want to go into details, you can check all the available props on the Preview tab.

Example usage:
import { SplitText } from '@shoora/ui/textAnimation/split-text';

<SplitText
  text="Hello, you!"
  delay={100}
  duration={0.6}
/>

That's all!

From here on, it's all about how you integrate the component into your project. The code is yours to play around with - modify styling, functionalities, anything goes!

← IntroductionIndex →