эффекты
Built by Luneka Lab digital agency

Cursor Trail

Эффект для интро-блоков, промо-экранов и экспериментальных интерфейсов с живым курсором.

Framer MotionPointer tracking
Готовый сниппет для переноса

У каждой демки есть React-компонент, который можно скопировать и адаптировать под HTML embed или кастомный блок в Tilda. Библиотека собрана Luneka Lab как showroom motion-подходов для клиентских сайтов.

Написать намРаботать с нами
Назад в библиотеку
Загрузка сцены
React component

Cursor Trail

'use client';

import { motion } from 'framer-motion';
import { useRef } from 'react';
import { useMousePosition } from '@/hooks/useMousePosition';

export function CursorTrail() {
  const ref = useRef<HTMLDivElement>(null);
  const { x, y } = useMousePosition(ref);

  return <motion.div ref={ref} animate={{ x: x * 120, y: y * 80 }} className="h-6 w-6 rounded-full bg-lime-300" />;
}