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

Pixel Fall Text

Эффект для заголовков, слоганов и intro-месседжей, где текст возникает из управляемого цифрового шума.

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

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

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

Pixel Fall Text

'use client';

import { motion } from 'framer-motion';

export function PixelFallText() {
  return (
    <div>
      {'PIXEL FALL'.split('').map((character, index) => (
        <motion.span key={`${character}-${index}`} initial={{ y: -40, opacity: 0 }} animate={{ y: 0, opacity: 1 }} transition={{ delay: index * 0.04 }}>
          {character}
        </motion.span>
      ))}
    </div>
  );
}