React

React aspect ratios.

Aspect ratios, with previews you can look at before you pick. Your agent builds the one you choose into your project as real files.

Aspect Ratio

Constrains media or other content to a chosen width-to-height ratio.

ReactTailwind
4:3 standard frame

Fits traditional displays, slides, and archival media without stretching them.

ReactTailwind
1:1 square frame

Maintains equal width and height for avatars, tiles, or square imagery.

ReactTailwind
21:9 ultrawide frame

Preserves a cinematic crop for banners and panoramic media across screen sizes.

ReactTailwind
16:10 monitor frame

Displays desktop screenshots and screen recordings at their native proportion.

ReactTailwind
Image Crop

Image cropper with aspect-ratio constraints, circular crops, previews, and custom controls.

ReactTailwindMedia

One link, one round trip

Ask your agent for a aspect ratio and pick from these.

Your agent brings together possibilities for your project. Explore what speaks to you, then let it build from your choices.

Connect your agent