Spinning 3D cube

An example of using Motion for React's useAnimationFrame hook to animate a 3D cube.

"use client"

import UseAnimationFrame from "@/components/ui/motion-use-animation-frame"

export default function Default() {
  return (
    <div className="motion-example flex w-full items-center justify-center p-8">
      <UseAnimationFrame />
    </div>
  )
}

Dependencies

motion

Source

motion.dev

Published

8/17/2026

Similar components

Explore more

Animation components144 Motion components53 Cube components15

Dependencies

Tags

Newest

Popular

Shaders

Heros

Features

AI Chat Components

Calls to Action

Buttons

Testimonials

Pricing Sections

Text Components

Dependencies

Tags

Spinning 3D cube

Dependencies

Tags

Source

Published

Similar components

Explore more