---
title: "Vert Collection — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Grace Ge · Navigation. Overview This component is an interactive vertical list designed to drive visual context for collections and gallery-style layouts."
canonical: "https://framer.elliotli.dev/component/vert-collection"
---

[Home](/)/[Components](/components)/[Navigation](/components/category/navigation)/Vert Collection

# Vert Collection

[View on Framer](https://framer.com/marketplace/components/vert-collection/?via=elliot-li)

![Vert Collection preview image 1](https://framer.elliotli.dev/og/component/vert-collection/215e83c551c6a721/1600x1200.jpg)

## Summary

Overview This component is an interactive vertical list designed to drive visual context for collections and gallery-style layouts.

## Description

## Overview

This component is an interactive vertical list designed to drive visual context for collections and gallery-style layouts. Each list item responds to hover or focus by smoothly updating the associated image, creating a direct connection between list structure and visual content.

The component is designed to feel expressive while remaining clear and predictable. Its default state is fully visible and complete, allowing users to understand the layout immediately, while motion and hover interactions enhance exploration rather than hiding essential information.

### Key Features

-   Vertical list layout suited for collections and galleries
    
-   Motion-driven image updates based on item focus
    
-   Smooth hover and transition animations
    
-   Clear active and focus states for intuitive interaction
    
-   Clean, minimal structure that highlights visual content
    

### Use Cases

-   Collection and gallery navigation
    
-   Category or project selectors
    
-   Portfolio and showcase layouts
    
-   Editorial or content-driven pages where visuals change based on selection
    

### Customization

All visual and interaction behavior can be customized directly in Framer, including:

-   List spacing, alignment, and typography
    
-   Images and visual content
    
-   Motion timing and hover transitions
    
-   Active and focus state styling
    

The component is content-agnostic and works with both placeholder data and dynamic collections.

### Notes

This component is built as a reusable vertical list for collection-based layouts. Preview content is for demonstration only and can be fully replaced with your own images and data.

## Rank history [How rankings work →](/terms#rankings)

-   All · #10940

## Details

- **Author**: Grace Ge
- **Price**: $5.00
- **Published**: 2026-01-15
- **Updated**: 2026-01-15
- **Added**: 2025-12-24
- **Categories**: Navigation

## More like this

-   [Reveal Navigations](/component/reveal-navigations) — Design Supply · Free — A calmer way to open your menu
-   [Collapsible Sidebar](/component/collapsible-sidebar) — Marso Angelov · $10 — Responsive Side Navigation
-   [Dial Picker](/component/dial-picker) — Tanmay Kaper · $14 — A machined dial for your projects
-   [Expanding Side Menu](/component/expanding-side-menu) — Russet Supply · $5 — Animated Framer Navigation