Pinned Loading

1. Custom React hook that observes a ta... Custom React hook that observes a target element and executes a callback when it becomes visible.

   1

   import { useEffect, useRef } from "react";

   2

   3

   export default function useIntersectionObserver(

   4

     el: HTMLElement | null,

   5

     callback: (entry: IntersectionObserverEntry) => void,

2. Custom cursor wrapper react componen... Custom cursor wrapper react component using Framer Motion and Tailwind CSS classes.

   1

   import { m } from "framer-motion";

   2

   import React, { useEffect, useState } from "react";

   3

   4

   const CustomCursor: React.FC<{ cursorElement: JSX.Element }> = ({

   5

     cursorElement,