TomIsLoading

import {
  DOMKeyframesDefinition,
  DynamicAnimationOptions,
  ElementOrSelector,
  useAnimate,
} from "framer-motion";
import React, { useEffect, useRef } from "react";

const TRANSITION: DynamicAnimationOptions = {
  ease: "easeInOut",

TomIsLoading

import React, { useEffect, useRef } from "react";
import {
  motion,
  useInView,
  useMotionValueEvent,
  useScroll,
  useTransform,
} from "framer-motion";

export const ScrollAnimations = () => {

TomIsLoading

import React from "react";
import { FiArrowRight, FiAward, FiUser } from "react-icons/fi";

export const MoreTailwindStuff = () => {
  return (
    <div className="grid h-screen place-content-center bg-neutral-100">
      <SizeExample />
      {/* <GroupExample /> */}
      {/* <PeerExample /> */}
      {/* <RingExample /> */}

TomIsLoading

import {
  AnimationPlaybackControls,
  animate,
  motion,
  useMotionTemplate,
  useMotionValue,
  useMotionValueEvent,
  useScroll,
  useTransform,
} from "framer-motion";

TomIsLoading

import React from "react";
import {
  FiBell,
  FiDownload,
  FiEdit,
  FiSave,
  FiSettings,
  FiUser,
} from "react-icons/fi";
import { SiAirbnb } from "react-icons/si";