Rotating Pyramid Field

Хорошо смотрится в background-блоках, интро-сценах и графичных студийных витринах.

Framer MotionGeometric motion

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

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

Написать нам Работать с нами

Назад в библиотеку

Загрузка сцены

React component

Rotating Pyramid Field

'use client';

import { motion } from 'framer-motion';

export function RotatingPyramidField() {
  return [0, 1, 2].map((triangle) => <motion.div key={triangle} animate={{ rotate: 360 }} transition={{ duration: 8 + triangle, repeat: Infinity, ease: 'linear' }} />);
}