---
title: "Portfolio Pro — Framer component · Best of Framer"
description: "$24.00 · Framer component · by Aragoza.Studio · Cards. 3D Project showcase"
canonical: "https://framer.elliotli.dev/component/portfolio-pro"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/Portfolio Pro

# Portfolio Pro

3D Project showcase

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

![Portfolio Pro preview image 1](https://framer.elliotli.dev/og/component/portfolio-pro/3f67d5a012b377f3/1600x1193.jpg)

## Summary

3D Project showcase

## Description

## **3D Portfolio Showcase: Interactive Project Gallery**

Transform your portfolio into an immersive 3D experience with this premium Framer component. Built with THREE.js, it creates a stunning floating gallery where your projects come to life in three-dimensional space.

### **Key Features**

**Interactive 3D Scene:** Projects are displayed as floating cards in 3D space with smooth parallax effects and physics-based animations. Navigate through your work using a mouse, keyboard, touch gestures, or scroll.

**Dual View Modes:** Effortlessly switch between _Scatter View_ (a dynamic overview of all projects) and _Detail View_(a focused carousel with an expandable bottom sheet for project information).

**Fully Customizable:** Control every aspect directly through Framer’s property panel. Adjust colors, fonts, themes (light/dark), project data, and custom content slots for each project’s detail view.

**Responsive Bottom Sheet:** Features an Apple Maps-style expandable sheet that reveals project details, complete with smooth spring animations and intuitive drag/scroll interactions.

**Admin Mode:** Includes an optional admin panel to easily add or remove projects directly on the canvas during development.

**Performance Optimized:** A capped pixel ratio and highly efficient rendering ensure smooth 60fps animations, even when displaying multiple projects.

**Touch & Gesture Support:** Full support for mobile interactions, including swipe navigation, pinch gestures, and touch-friendly controls.

**Keyboard Navigation:** Use arrow keys for project navigation, `Enter` to expand details, and `Escape` to close.

**Custom Cursors:** Context-aware cursor indicators dynamically change based on interaction state (expand, drag, navigate).

### **Perfect For**

**Creative Agencies** showcasing client work.

**Designers** presenting portfolio pieces.

**Photographers** displaying curated collections.

**Product Designers** highlighting case studies and projects.

**Any Creative Professional** wanting a memorable, standout portfolio experience.

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

-   All · #2628

## Details

- **Author**: Aragoza.Studio
- **Price**: $24.00
- **Published**: 2026-08-28
- **Updated**: 2026-08-28
- **Added**: 2026-08-28
- **Categories**: Cards

## More like this

-   [BlogX Blog Card](/component/blogx-blog-card) — Themomarket · $8 — Blog Framer Component
-   [FluxPrice](/component/fluxprice) — Jeshan Athulesh · $49 — Elevate your SaaS conversion rate in minutes with FluxPrice.
-   [Feature Ribbon Cards](/component/feature-ribbon-cards) — Studio Digital · Free — Interactive image feature cards
-   [Dynamic Pricing Calc](/component/dynamic-pricing-calc) — Dmitry Vorobey · $12 — Pricing cards with live calculator