слайдеры
Built by Luneka Lab digital agency

Shutter Panels Slider

Подходит для редакционных галерей, fashion-витрин и продуктовых историй с графичным reveal-эффектом.

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

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

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

Shutter Panels Slider

'use client';

export function ShutterPanelsSlider() {
  return (
    <div className="relative aspect-[16/10] overflow-hidden rounded-[28px] border border-white/10">
      {[0, 1, 2, 3].map((panel) => (
        <div key={panel} className="absolute inset-y-0 border-r border-black/20" style={{ left: `${panel * 25}%`, width: '25%' }} />
      ))}
    </div>
  );
}