Recraft Studio Room
Build a perspective room with animated image tiles, layered grids, and bold typography.
Start from this app
Run the CLI. Paste the copied command into your terminal.
Name your project. Choose a name, then let the CLI install the app and its dependencies.
Start building. Open the generated project and make it your own.
Recraft Studio Room arranges images across the surfaces of a perspective room, surrounding a central heading and button. Room depth and the vanishing point shape the space, while wall fill and border controls define its edges. Moving the pointer introduces parallax, making the walls and their image tiles respond as a connected composition.
The main grid divides the surfaces into rows, columns, and depth segments. A finer grid adds another level of detail, with separate opacity and thickness controls. An optional inner grid repeats the structure into the room; depth and falloff determine how those lines recede toward the center.
Image tiles change over time using Swap or Slide transitions. Their number per surface, interval, and reveal timing control the rhythm, while hover lift separates a tile from its wall. Uploaded images replace the supplied collection. Motion smoothness and depth-trail settings adjust how the room follows the pointer and how its repeated outlines fade.
The two heading rows have independent scale controls, with separate spacing for the lines and button. Canvas dimensions change the available composition, while editor pan and zoom change only the working view. Controls update the scene immediately; Export Settings and Import Settings preserve its configuration, and Reset restores the supplied defaults.
