Logos Swap

Swap logos one at a time in a scattered order.

Installation

terminal

pnpm dlx layro-cli add @ncdai/logos-swap

npx layro-cli add @ncdai/logos-swap

npx layro-cli add @ncdai/logos-swap

bunx layro-cli add @ncdai/logos-swap

New project? Start with init. Writes third-party code and installs packages with scripts off.

Code

Demo

"use client"

import { Children, useEffect, useRef, useState } from "react"
import type { ReactNode } from "react"
import {
  AnimatePresence,
  motion,
  useInView,
  usePageInView,
  useReducedMotion,
} from "motion/react"
import type { Transition, Variants } from "motion/react"

import { cn } from "@/lib/utils"