---
title: "View Switch Button — Framer component · Best of Framer"
description: "$3.00 · Framer component · by Ravi Madhusanka · Buttons. View Switch Button expands from a compact icon into a labeled button with a smooth horizontal transition."
canonical: "https://framer.elliotli.dev/component/view-switch-button"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/View Switch Button

# View Switch Button

Animated Grid/List toggle button for Fra

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

![View Switch Button preview image 1](https://framer.elliotli.dev/og/component/view-switch-button/bea3a009ffcc49df/1600x1200.jpg)

## Summary

View Switch Button expands from a compact icon into a labeled button with a smooth horizontal transition.

## Description

A clean, animated layout toggle for Grid and List views.

View Switch Button expands from a compact icon into a labeled button with a smooth horizontal transition. It features balanced spacing, rounded corners, and subtle easing for a polished interface detail.

This component focuses on visual interaction only, making it easy to integrate into project pages, galleries, and content layouts.

### Features

-   Expanding hover animation
    
-   Grid and List icon states
    
-   Rounded button design
    
-   Smooth easing transition
    
-   Works well in portfolio and listing layouts
    

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

-   All · #10655

## Details

- **Author**: Ravi Madhusanka
- **Price**: $3.00
- **Published**: 2026-03-03
- **Updated**: 2026-03-03
- **Added**: 2026-02-24
- **Categories**: Buttons

## More like this

-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow
-   [Dash Stretch Button](/component/dash-stretch-button) — Pentaclay · Free — Animated Hover Button With a Dash
-   [Nova Theme Toggle](/component/nova-theme-toggle) — Shouvik Biswas · $12 — Three-Mode Theme Toggle
-   [Nabby: Copy Button](/component/nabby-copy-button) — Francesco Gallo · Free — Plug in your button, copy anything