---
title: "Custom 3D Shape — Framer component · Best of Framer"
description: "$9.00 · Framer component · by SMUDGELESS · Interactive. Custom 3D Shape CONTROLS 33 across 9 sections (+4 per image) SIZING Width any-prefer-fixed · Height any-prefer-fixed DROP SIZE 480 × 480…"
canonical: "https://framer.elliotli.dev/component/custom-3d-shape"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Custom 3D Shape

# Custom 3D Shape

All interactive. All customizable.

[View on Framer](https://framer.com/marketplace/components/custom-3d-shape/?via=elliot-li)

![Custom 3D Shape preview image 1](https://framer.elliotli.dev/og/component/custom-3d-shape/af27f7164afda4d0/1600x1200.jpg)

## Summary

Custom 3D Shape CONTROLS 33 across 9 sections (+4 per image) SIZING Width any-prefer-fixed · Height any-prefer-fixed DROP SIZE 480 × 480 px DESCRIPTION: A rotating 3D solid with…

## Description

**Custom 3D Shape**

CONTROLS 33 across 9 sections (+4 per image)

SIZING Width any-prefer-fixed · Height any-prefer-fixed

DROP SIZE 480 × 480 px

DESCRIPTION: A rotating 3D solid with one image, or one color, per face. Upload 12 photographs onto a dodecahedron, 42 onto a chamfered dodecahedron, or set every face's color by hand with each image cropped or stretched, zoomed, and mounted in its own padding.

**13 shapes ship inside:** the 5 Platonic solids, the icosidodecahedron, the chamfered dodecahedron, three stellated dodecahedra, a cube–octahedron compound, a self-intersecting tetrahemihexahedron and a toroid ring. Every one is computed geometry, not a model file; no 3D library, no dependencies, nothing to host.

**Five surfaces:** Solid, Duo, Spectrum (color by facet direction), face colors and uploaded images. Ships with a fully transparent background so it sits on your own section fill. Stops rendering entirely when scrolled off screen, holds still for visitors who ask for reduced motion, and shows a static frame on the Framer canvas.

SHAPE & SURFACE: Shape (13 solids) · Surface (Solid / Duo / Spectrum / Face colors / Images) · Color A · Color B · Invert colors · Saturation · Background

PER-FACE & SOLID: Face images (per entry: Image · Fit · Scale · Extra padding) · Reuse images · Image fit · Image scale · Face padding · Face colors · Reuse colors · Bare face color · Shading · Edge lines · Line color · Line width · Corner balls · Ball color · Ball size · Show far side · Far side opacity

ROTATION: Aim horizontally · Aim vertically · Auto yaw · Auto pitch · Auto roll · Drag to rotate · Spin momentum · Follow cursor · Follow speed

© 2026 Steven Berg — SMUDGELESS. All rights reserved.

Distributed exclusively via the Framer Marketplace.

[SMUDGELESS.io](http://SMUDGELESS.io) | [smudgeless.io@gmail.com](mailto:smudgeless.io@gmail.com)

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

-   All · #8088

## Details

- **Author**: SMUDGELESS
- **Price**: $9.00
- **Published**: 2026-08-06
- **Updated**: 2026-09-30
- **Added**: 2026-08-06
- **Categories**: Interactive

## More like this

-   [Velvet Curtain](/component/velvet-curtain) — Sarthak Prakash · $12 — Cinematic curtain reveal effect
-   [Image-Compare Slider](/component/image-compare-slider) — Studio Digital · Free — Reveal what changed, beautifully
-   [Lesson Packages](/component/lesson-packages) — Shelfless Studio · $9 — Lesson bundles with savings shown
-   [Deskbell AI Chatbot](/component/deskbell-ai-chatbot) — NS. Studio · Free — AI site chat, works with Chatbase