Quaint Transport

Show Preview
Quaint Transport
Quaint Transport

About Quaint Transport

Create an elegant interactive gallery experience directly inside Framer, featuring smooth hover-based image previews and polished animations.

Perfect for showcasing projects, portfolios, case studies, services, products or editorial content. Instead of a static grid, visitors can hover over each item to reveal supporting imagery, creating a dynamic and engaging browsing experience.

Features

  • Interactive hover-based image reveals

  • Smooth animated transitions

  • Clean, gallery-style layout

  • Supports multiple gallery items

  • Customizable titles and descriptions

  • Replaceable images directly inside Framer

  • Responsive design for different screen sizes

  • Lightweight and easy to use

  • No code required

Content Customization

  • Gallery item titles

  • Descriptions and supporting labels

  • Image uploads

  • Item ordering

  • Link destinations

Styling

  • Typography and text colors

  • Background colors

  • Spacing and sizing

  • Border radius

  • Image styling

  • Hover state appearance

Motion

  • Hover reveal behavior

  • Transition speed

  • Animation smoothness

  • Image movement and fade effects

How to Use

  1. Add the component to your Framer project.

  2. Replace the default gallery items with your own content.

  3. Upload your images.

  4. Customize the typography, colors, spacing and styling.

  5. Adjust the hover interactions to match your website.

  6. Publish and showcase your work!

Best Used For

  • Creative portfolios

  • Agency case studies

  • Photography galleries

  • Product showcases

  • Architecture and interior design

  • Fashion lookbooks

  • Editorial websites

  • Creative studio websites

  • Homepage feature sections

  • Visual navigation experiences

From Natalie Walsh

Scroll-Based Slider
Inline Image Change

Related Components

Bordered Tooltip
Notebook Cover
Statistics Counter
iPhone Sim Mockup