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

Waveform Equalizer

Подходит для музыкальных блоков, подкастов, саунд-брендинга и динамичных hero-секций.

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

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

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

Waveform Equalizer

'use client';

import { motion } from 'framer-motion';

export function WaveformEqualizer() {
  return (
    <div className="flex items-end gap-2 rounded-[28px] border border-white/10 p-4">
      {Array.from({ length: 12 }, (_, index) => <motion.div key={index} animate={{ height: 20 + index * 4 }} className="w-3 rounded-full bg-lime-300" />)}
    </div>
  );
}