Component

ViewSwitch

ViewSwitch is a flexible project showcase component for Framer that lets you toggle between grid and list layouts.

About Component

ViewSwitch is a modern project showcase built for designers, agencies, and studios who want flexibility in how they present their work. It combines two layouts Grid View and List View with smooth, minimal animations for a premium user experience.

Grid View highlights projects visually with numbers, titles, and years, plus clean hover animations (desktop only).

  • List View arranges projects in a streamlined layout with equally refined hover states.

  • A toggle tab makes switching effortless: hover on desktop, tap on mobile/tablet.

Features

  • Dual layouts: Grid + List toggle

  • Smooth hover interactions (desktop)

  • Tap-to-toggle for mobile/tablet

  • Project cards include number, title, and year

  • Link support for project detail pages

  • Supports 7–9 featured projects

  • Modern, minimal animations for premium UX

The Process

From purchase to published.

Weve removed the friction from web design. Launch a high-end, production-ready site in three simple steps.

01

Choose your foundation.

Select a premium template that aligns with your brand's ambition. Every layout is engineered from the ground up to give you a massive head start.

02

Customize in seconds.

Open the remix link and make it yours. Seamlessly swap out typography, brand colors, and content using Framer’s intuitive visual canvas. No code required.

03

Publish and convert.

Hit publish to go live instantly on your custom domain. Start welcoming traffic to a breathtaking website that is built to drive real revenue.

Create a free website with Framer, the website builder loved by startups, designers and agencies.