Block Reveal - hextastudio/ui

hextastudio/ui needs your support to stay running 🫶 Help us

Preview

HELLO THERE!

bash

npm install gsap

tsx

import gsap from "gsap";
import { useEffect, useRef } from "react";

const BlockReveal = ({
  width = 20,
  height = 20,
  boxColor = "#86ff82",
}: {
  width?: number;
  height?: number;

Usage

tsx

<BlockReveal width={101} height={101} boxColor="#a17df5" />
<p className="text-center font-bold text-5xl w-min leading-[3rem]">
  HELLO THERE!
</p>