Recraft Hero

Shape a moving image gallery with curved projection, spectral edges, and layered typography.

Start from this app

  1. Run the CLI. Paste the copied command into your terminal.

  2. Name your project. Choose a name, then let the CLI install the app and its dependencies.

  3. Start building. Open the generated project and make it your own.

Recraft Hero arranges images around a central heading, turning a gallery into a moving background. Rows carry their own offsets and speeds, while a spherical layout bends the collection into a curved field. Perspective, lens dimensions, and horizontal and vertical bending change how the cards occupy the scene without changing their source images.

The optical effect grows toward the edges of the composition. Dispersion separates color into spectral bands; blur and aura soften the boundary. Stretch and Prism modes reshape the passing cards, while turbulence breaks up the transition. Motion boost strengthens the effect as the gallery moves, connecting the distortion to its scrolling behavior.

Typography forms a separate layer above the images. Heading size, line spacing, position, badge, subtitle, and button styling can be adjusted independently. Their shadows have their own offsets, spread, blur, and opacity. A repeating background pattern, motion grain, and CRT controls add texture around the same composition.

Images can be uploaded and reordered within the gallery, with separate collections available for its rows. Automatic scrolling controls the interval and transition time, while canvas pan and zoom change the editor view. Settings can be exported and imported to return to a composition; Reset restores the supplied defaults.