从作品结果，回到作者与方法。

// components/ui/macbook-scroll.tsx "use client"; import React, { useEffect, useMemo, useRef, useState } from "react"; import { MotionValue, motion, useScroll, useTransform } from…

// components/ui/google-gemini-effect.tsx "use client"; import { cn } from "@/lib/utils"; import { motion, MotionValue } from "motion/react"; import React from "react"; const transition =…

// components/ui/images-slider.tsx "use client"; import { cn } from "@/lib/utils"; import { motion, AnimatePresence } from "motion/react"; import React, { useEffect, useState } from…

// components/ui/background-boxes.tsx "use client"; import React from "react"; import { motion } from "motion/react"; import { cn } from "@/lib/utils"; export const BoxesCore = ({…

// components/ui/typewriter-effect.tsx "use client"; import { cn } from "@/lib/utils"; import { motion, stagger, useAnimate, useInView } from "motion/react"; import { useEffect } from…

// components/ui/gooey-input.tsx "use client"; import { useState, useRef, useEffect, useId, useMemo, useCallback, type ChangeEvent, } from "react"; import { motion } from "motion/react";…

// components/ui/vortex.tsx "use client"; import { cn } from "@/lib/utils"; import React, { useEffect, useRef } from "react"; import { createNoise3D } from "simplex-noise"; import { motion…

// components/ui/card-hover-effect.tsx import { cn } from "@/lib/utils"; import { AnimatePresence, motion } from "motion/react"; import { useState } from "react"; export const HoverEffect…

// components/ui/bento-grid.tsx import { cn } from "@/lib/utils"; export const BentoGrid = ({ className, children, }: { className?: string; children?: React.ReactNode; }) => { return (…

// components/ui/tailwindcss-buttons.tsx "use client"; import React from "react"; import { IconClipboard } from "@tabler/icons-react"; import { cn } from "@/lib/utils"; export const…

// components/ui/meteors.tsx "use client"; import { cn } from "@/lib/utils"; import { motion } from "motion/react"; import React from "react"; export const Meteors = ({ number, className,…

// components/ui/text-generate-effect.tsx "use client"; import { useEffect } from "react"; import { motion, stagger, useAnimate } from "motion/react"; import { cn } from "@/lib/utils";…

// components/ui/tracing-beam.tsx "use client"; import React, { useEffect, useRef, useState } from "react"; import { motion, useTransform, useScroll, useVelocity, useSpring, } from…

// components/ui/svg-mask-effect.tsx "use client"; import { useState, useEffect, useRef } from "react"; import { motion } from "motion/react"; import { cn } from "@/lib/utils"; export…

// components/ui/background-beams.tsx "use client"; import React from "react"; import { motion } from "motion/react"; import { cn } from "@/lib/utils"; export const BackgroundBeams =…

// components/ui/animated-tooltip.tsx "use client"; import React, { useState, useRef } from "react"; import { motion, useTransform, AnimatePresence, useMotionValue, useSpring, } from…

// components/ui/spotlight.tsx import React from "react"; import { cn } from "@/lib/utils"; type SpotlightProps = { className?: string; fill?: string; }; export const Spotlight = ({…

// components/ui/text-reveal-card.tsx "use client"; import React, { useEffect, useRef, useState, memo } from "react"; import { motion } from "motion/react"; import { twMerge } from…

// components/ui/container-scroll-animation.tsx "use client"; import React, { useRef } from "react"; import { useScroll, useTransform, motion, MotionValue } from "motion/react"; export…

// components/ui/infinite-moving-cards.tsx "use client"; import { cn } from "@/lib/utils"; import React, { useEffect, useState } from "react"; export const InfiniteMovingCards = ({ items,…

// components/ui/background-gradient-animation.tsx "use client"; import { cn } from "@/lib/utils"; import { useEffect, useRef, useState } from "react"; export const…