Built with Framer

ViewSwitch – Flexible Project Showcase with Grid + List Layouts

Sherif Alabi

Project Title: ViewSwitch – Flexible Project Showcase with Grid + List Layouts
Challenge: Designers, agencies, and studios often struggle to find a flexible yet premium way to showcase projects. Standard portfolio layouts can feel limiting either too visual without context, or too text-heavy without impact.
My Role: I designed and developed ViewSwitch, a Framer component that merges two powerful layouts grid and list with smooth interactions and a premium feel.
Solution:
Built a dual-layout system (Grid + List) for adaptable project presentation.
Added clean hover animations for Grid View and streamlined refinement for List View.
Designed a toggle tab that works via hover on desktop and tap on mobile/tablet.
Integrated project card details (number, title, year) with link support for detail pages.
Optimized for 7–9 featured projects while staying lightweight and customizable.
Result: ViewSwitch empowers creatives to showcase their work in a modern, versatile way. With its toggle feature, it balances visual impact and clarity, making it ideal for portfolios that need to adapt across devices and audiences.
Grid View
Grid View
List View
List View
Like this project

Posted Sep 19, 2025

ViewSwitch is a modern project showcase built for designers, agencies, and studios who want flexibility in how they present their work.

Join 50k+ companies and 1M+ independents

Contra Logo

© 2025 Contra.Work Inc