Framer Motion Playground

Publish

App.tsx

import React from "react";
import { motion } from "framer-motion";
import "./styles.css";
export default function App() {
  return (
    <motion.div
      className="box"
      animate={{
        scale: [1, 2, 2, 1, 1],
        rotate: [0, 0, 180, 180, 0],
        borderRadius: ["0%", "0%", "50%", "50%", "0%"]
      }}
      transition={{
        duration: 2,
        ease: "easeInOut",
        times: [0, 0.2, 0.5, 0.8, 1],
        repeat: Infinity,
        repeatDelay: 1
      }}
    />

Console

Web View

Database Playground

Демонстрация основных возможностей системы моделей базы данных.

Проекты и их данные

Framer Motion Playground

1485e41c-3a0c-44ea-9402-20f77b45b915

06.10.2025, 20:32:39

История загружена

UID	Version	Is Main	Создан	Обновлен	Действия
`edccc30e-1099-4672-bc07-343d181287f1`	1	Да	06.10.2025, 20:32:39	06.10.2025, 20:32:39

Всего проектов: 1