Manual Installation

Using components is very straightforward, anyone can do it.

1. Pick a Component

Choose the component you want to install from our list of available components.

2. Install the Dependencies

Install all the dependencies required for the component.

npm install motion... 

3. Copy the code

The Code tab contains all the code you need to copy

Example

"use client";
import React, { useEffect, useRef, useState } from "react";
import { motion, AnimatePresence, easeIn } from "framer-motion";
import { FaFacebook, FaInstagram } from "react-icons/fa";
import { FaTwitter } from "react-icons/fa6";
          
const ExpandableNavbar = ({
  logo, 
  initialWidth,
  finalWidth,
  easing,
  animationDuration,
  closeOnOutsideClick,
}) => {

4. Use the Component

Import the component. use the Usage-code and start using it in your project. (Below is an example of how you can use the component)

import SplitText from "./SplitText";

<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!