---
title: "3D Rubik Cube — Free Framer template · Best of Framer"
description: "Free Framer template · by Agatha Richards · Designers. Website starter"
canonical: "https://framer.elliotli.dev/template/3d-rubik-cube"
---

[Home](/)/[Templates](/templates)/[Designers](/templates/category/designers)/3D Rubik Cube

# 3D Rubik Cube

Website starter

[Get for free](https://framer.com/marketplace/templates/3d-rubik-cube/?via=elliot-li)

![3D Rubik Cube preview image 1](https://framer.elliotli.dev/og/template/3d-rubik-cube/0789c920509ae4e4/1600x1075.jpg)

## Summary

Website starter

## Description

An interactive 3D cube component that transforms your portfolio into an engaging visual experience. Each of the six faces displays a 3x3 grid of project images, creating a Rubik's cube-style portfolio showcase.

**Features**

-   **Automatic rotation** — smooth continuous spin on load
    
-   **Drag interaction** — users can grab and spin the cube in any direction
    
-   **Physics-based momentum** — cube continues rotating after release with natural easing
    
-   **Fully customizable** — replace images with your own projects
    
-   **Responsive** — scales to fit any viewport
    
-   **No dependencies** — built with pure CSS 3D transforms, no WebGL or external libraries
    

**What's included**

-   6 cube faces, each with 3x3 image grid (54 image slots total)
    
-   Auto-rotate animation
    
-   Drag-to-spin interaction with momentum
    
-   Customizable rotation speed
    
-   Adjustable cube size
    

**How to customize**

1.  Replace placeholder images with your portfolio work
    
2.  Adjust cube dimensions via variables
    
3.  Change rotation speed and direction
    
4.  Toggle auto-rotate on/off
    

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

-   Designers · #329
-   All · #2706
-   Style · #2591
-   Creative · #486
-   Art and Design · #312

## Details

- **Author**: Agatha Richards
- **Published**: 2026-06-21
- **Updated**: 2026-06-21
- **Added**: 2026-06-21
- **Categories**: Art and Design
- **Styles**: 3D, Animated
- **Features**: 3D Transforms

## More like this

-   [Toms](/template/toms) — Istiaq (EV Studio) · Free — Toms is a bold, editorial-style portfolio template built for designers, art directors, and other creative professionals who want their work…
-   [Nuance](/template/nuance) — ARUNVIKRAM S · Free — Nuance is a premium Framer portfolio template for Product Designers and UX Designers who know that showing your thinking is what actually…
-   [Mara Lindqvist](/template/mara-lindqvist) — Damir Cosic · Free — Minimal editorial artist portfolio
-   [Brandon Cooper](/template/brandon-cooper) — Damir Cosic · Free — Editorial portfolio for designers