3d-сцены
Built by Luneka Lab digital agency
Tilted Layers Scene
Полезно для hero-блоков и feature-cards, где нужен 3D-характер без WebGL.
Custom hookPerspective transforms
Готовый сниппет для переноса
У каждой демки есть React-компонент, который можно скопировать и адаптировать под HTML embed или кастомный блок в Tilda. Библиотека собрана Luneka Lab как showroom motion-подходов для клиентских сайтов.
Назад в библиотекуЗагрузка сцены
React component
Tilted Layers Scene
'use client';
import { motion } from 'framer-motion';
export function TiltedLayersScene() {
return [0, 1, 2, 3].map((layer) => <motion.div key={layer} animate={{ rotateY: layer * 10, y: layer * 8 }} />);
}