# Image Frames

Tons of ready image frame styles gives to your website infinite ways to show images.

View Examples Buy Porto

#### Default

By default, thumbnails are designed to showcase linked images with minimal required markup.

#### Hover Styles

The thumbnail details can be displayed in different styles.

##### Default

##### Default Lighten

##### No Zoom

##### With Title and Type

Project Title Project Type

##### Centered Icons

##### Icons Colors

##### Centered Info

Project Title 09/19/2025 Project Type

##### Bottom Info Light

Project Title Project Type

##### Bottom Info Dark

Project Title Project Type

##### Bottom Info Light Linear

Project Title Project Type

##### Bottom Info Dark Linear

Project Title Project Type

##### Bottom Info Show More

Project Title Project Type

Lorem Ipsum is simply dummy text of the printing and typesetting industry

##### Push Horizontally

Project Title Project Type

##### With Captions

Project Title Project Type Lorem ipsum dolor sit amet, consectetur adipiscing elit. Facebook Twitter Linkedin

##### Hide Info Hover

Project Title Project Type

##### Slide Info Hover Type

Project Title Project Type

##### Slide Info Hover Button

Project Title Button

##### Slide Info Hover Centered Icons

Project Title

##### Light Block Hover

Project Title Project Type

##### Dark Block Hover

Project Title Project Type

##### Color Block Hover

Project Title Project Type

##### HOVER 3D

##### HOVER 3D + CENTERED INFO

Project Title 09/19/2025
Project Type

##### HOVER 3D + CENTERED ICONS

##### HOVER FLOATING CAPTION

##### HOVER FLOATING CAPTION + TYPE

##### HOVER FLOATING CAPTION CLEAN

##### HOVER FLOATING ELEMENT

##### HOVER FLOATING IMAGE

Hover Me
Hover Me
Hover Me

##### Show Button on Hover

Project Type Project Title 09/19/2025 Learn More

##### Show Image on Hover

Project Title 09/19/2025 Project Type

##### Slow Animation Zoom Image on Hover

##### Swap Bottom Content

Project Title Project Type

##### Swap Top Content

Project Title Project Type

##### Swap Extra Content

09/19/2025 Project Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Arrow Effect

##### Show Hidden Content on Hover

#### Project Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

View Details

#### Project Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

View Details

#### Project Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

View Details

##### Direction Aware Overlay

##### Side Image Left

##### Project Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

##### Side Image Right

##### Project Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

#### Hover Full Zoom

Project Title Project Type
Project Title Project Type
Project Title Project Type
Project Title Project Type
Project Title Project Type

#### Grid

#### Grid Dashed

#### Masked Images

40

## Porto Elements

Porto comes with several elements options, it's easy to customize
and create the content of your website's pages.

Accordions
Toggles
Tabs
Icons
Icon Boxes
Carousels
Modals
Lightboxes
Buttons
Badges
Lists
Cards
Image Gallery
Image Frames
Image Hotspots
Testimonials
Blockquotes
Word Rotator
Before / After
Typography
Call to Action
Pricing Tables
Tables
Progress Bars
Process
Counters
Countdowns
Countdowns
Sections
Parallax
Tooltips & Popovers
Sticky Elements
Headings
Dividers
Animations
Particles
Medias
Maps
Arrows
Star Ratings
Alerts
Posts
Forms
360º Image Viewer
Shape Dividers
Read More
Cascading Images
Random Images

## Build your website with Porto

#### Purchase now. Only $14!

#### Porto Template has been available on ThemeForest since 2013 and is one of the top sellers with more than 50K+ sales.

##### SUPER HIGH PERFORMANCE

##### Strict Coding Standards

##### Free Lifetime Updates

BUY PORTO NOW

#### Customer Showcase(SAMPLE SITES)

#### Support Center

#### Online Documentation

#### Video Tutorials
(coming soon)

- Porto Versions:
- ADMIN HTML
- SHOP HTML
- WORDPRESS
- MAGENTO
- SHOPIFY
- DRUPAL