Book studio

rotate · add · drag to position

Drag to move · Shift-click to multi-select · Arrow keys nudge (Shift = 10px)

Motion

preview

Start

Rotate X-14°Rotate Y-28°Rotate Z0°

Hover

Rotate X0°Rotate Y0°Rotate Z0°Slide X46pxSlide Y-22pxPop Z0pxScale1.04×

Duration350msEasing

Camera & size

Perspective2400Width150Height232Depth34

Appearance

Background#121212Face color#1a1d24Face opacity15%Edge color#ffffffGrid

Presets

Gap1×

Presets rearrange your current books. Gap adjusts the spacing.

Captured layout

{
  "book": {
    "width": 150,
    "height": 232,
    "depth": 34
  },
  "rotation": {
    "rotX": -14,
    "rotY": -28,
    "rotZ": 0
  },
  "perspective": 2400,
  "appearance": {
    "bgColor": "#121212",
    "faceColor": "#1a1d24",
    "faceOpacity": 15,
    "lineColor": "#ffffff"
  },
  "hover": {
    "x": 46,
    "y": -22,
    "z": 0,
    "scale": 1.04,
    "rotX": 0,
    "rotY": 0,
    "rotZ": 0,
    "duration": 350,
    "easing": "cubic-bezier(0.2, 0.7, 0.2, 1)"
  },
  "books": []
}