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