Skip to content

TerminalImage ​

A Framer design component that wraps any photo inside a retro CRT monitor frame with scanline effects, corner bolts, and editable text labels.

TerminalImage

Property Controls ​

TerminalImage

Variant ​

ValueDescription
RegularFull-width featured image — used for hero sections and wide featured layouts
SmallCompact image — used for mobile breakpoints and smaller visuals like blog card photos

Select the variant from the dropdown in the Properties panel.

Main Image ​

Click Main Image to upload or replace the photo displayed inside the monitor screen.

Any image you place is automatically tinted with the /Terminal/TerminalPrimary color token.

Show top text / Show bottom text ​

PropertyDefaultDescription
Show top textYesToggle visibility of the top label row (Top Left + Top Right)
Show bottom textYesToggle visibility of the bottom label row (Bottom Left + Bottom Right)

Text Labels ​

Four independent text strings positioned in the corners of the monitor frame:

PropertyPosition
Top Left TextTop-left corner
Top Right TextTop-right corner
Bottom Left TextBottom-left corner
Bottom Right TextBottom-right corner

Edit each field directly in the Properties panel — no need to enter component edit mode.

Text Color ​

PropertyDefaultDescription
Text ColorTerminalSecondaryColor applied to all four label strings

Defaults to the /Terminal/TerminalSecondary token. Change to any color or token as needed.

Made by Pixometra