Aspect Ratio Image Component for Framer

View demo

Copy component

Remix project

Copy component

Remix project

Resources

Aspect Ratio Image Component for Framer

View demo

Copy component

Remix project

How can I improve Framer Uni?

Let me know if there’s a missing feature or something that could be improved.

Share feedback

How to Make $10K+ with Framer in 60 days

Get the course

How to Make $10K+ with Framer in 60 days

Get the course

Component

Aspect Ratio Image Component for Framer

This is an aspect ratio image component for Framer that gets the aspect ratio of the uploaded image—so your visuals always scale perfectly without getting cropped.

Created by

Nandi

David

and

Prianca

Comparison of two images in Framer — one cropped and one using aspect ratio component to preserve original proportions

About the resource

To use the aspect ratio image component, start by uploading your image using the Image property. You can adjust the Radius to round the corners, add a Border to define the edges, and apply Shadows for depth. The Draggable toggle lets you enable or disable drag behavior for the image on your site.

About the resource

Framer interface showing "Image Aspect Ratio" component settings, including image upload, border, shadow, radius, and draggable options — The properties of aspect ratio image component in Framer.

Learn how can one go from 0 to $11.5k with Framer in 60 days.

From no followers, no portfolio, no reputation, to making thousands with a profitable Framer business.

Get access now

More resources

View all

Playlist Generation Circular Animation in Framer
Component
Playlist Generation Circular Animation in Framer
Component
3D Letter Testimonials in Framer
Component
3D Letter Testimonials in Framer
Component