Planes

Components

Physics

An interactive 3D Rubik's cube. Drag to orbit, click a face to twist a layer. Built with CSS 3D transforms.

All components

Installation

ProRequires a Planes Pro license.
npx shadcn add @useplanes/rubiks-cube

Unlock with Planes Pro

$99 once · 54 Pro components · lifetime updates.

<RubiksCube size={420} interaction="full" />

Use cases

  • Brand puzzle / 404

    Make a fun, interactive moment out of an error or about page.

  • Engineering blog ornament

    Pair with a write-up on CSS 3D transforms or animation choreography.

  • Recruiting page

    A subtle “we like puzzles” signal on a careers or about-team page.

  • Easter egg in docs

    Tuck into a “Toys” or footer section as a reward for users who scroll all the way down.