Suspended Cards 3D

Подходит для product-highlights, тарифных блоков и layered UI-hero модулей.

Custom hook3D transforms

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

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

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

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

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

React component

Suspended Cards 3D

'use client';

import { motion } from 'framer-motion';

export function SuspendedCards3D() {
  return [0, 1, 2].map((card) => <motion.div key={card} animate={{ rotateY: card * 12 }} />);
}