React Bits

Creative tools

Free tools that run in your browser. Make a background, a shape, a texture, a product shot or a sound, tune it live, then take it into your project.

  • Background Studio

    Browse every animated background, start from a preset and tune it live. Export the code, a high resolution image or a looping MP4 or WebM video, or share it as a link.

  • Center Stage

    Turn a screenshot or screen recording into a polished product shot. Perfect for launch videos or demos. Start from a preset, put your screens on lifelike phones, laptops and browsers, then shape the shot with 3D tilt, depth of field, shadows and type. Export 4K images, 4K video, GIFs or a link.

  • Shape Magic

    Design a logo mark from smart shapes, patterns, text or your own SVG, then give it a 3D material like chrome, glass or neon, or any React Bits background. Export clean SVG, PNG, favicons, video or React.

  • Texture Lab

    Run photos, videos or your camera through 160 one-click styles and 75+ stackable, animated effects, from ASCII and halftone to glass, chrome and glitch. Export images, videos, GIFs or a shareable style.

  • Sound Lab

    A library of polished sounds, from soft taps, toggles and notifications to risers, impacts and whooshes for video. Tune pitch, tone, length and space, then install a sound into your project with one command or download it as WAV, MP3 or OGG.