3d-сцены
Built by Luneka Lab digital agency

Floating Rings Orbit

Трёхмерный декоративный блок для технологичных hero-секций, студийных шоукейсов и immersive-заставок.

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

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

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

Floating Rings Orbit

'use client';

import { motion } from 'framer-motion';

export function FloatingRingsOrbit() {
  return (
    <div className="relative h-80 rounded-[28px] border border-white/10 [perspective:1200px]">
      {[0, 1, 2].map((ring) => <motion.div key={ring} animate={{ rotateZ: 360 }} transition={{ duration: 8 + ring * 2, repeat: Infinity, ease: 'linear' }} className="absolute left-1/2 top-1/2 rounded-full border border-lime-300/45" />)}
    </div>
  );
}