5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T848,

DESCRIPTION

A rotating 3D sphere with 5 surfaces in 1 component. A chroma globe of hue × lightness patches; a photoreal eyeball that follows the cursor; a spinning Earth; a soccer ball; and any image of yours wrapped around it. Using one per-pixel raytracer, three built-in textures ship inside the file, so there is nothing to upload and nothing to host before it works.

Rotation runs on quaternions, so yaw, pitch and roll compose without gimbal lock; it never flips at the poles. Drag to throw it and it carries momentum, or leave it on a slow spin. Detail adapts while it moves and sharpens the moment it settles, so a 96 × 60 patch sphere stays smooth under a hard flick.

Image mode: upload a 2:1 equirectangular map (2048×1024 works well) for an undistorted wrap. Upload it rather than linking an external URL. Aim horizontally / vertically to choose what faces the visitor.

Ships with a fully transparent Background, so all three surfaces sit straight on your own section fill; set a color there if a surface needs its own backdrop. Pauses when scrolled off screen. Renders a still sphere for visitors who ask for reduced motion.

SURFACE & GLOBE

Chroma / Eyeball / Earth / Football / Image · Invert colors · Cube mapping · Saturation · Segments around · Segments top to bottom · Show far side · Far side opacity · Patch lines · Line color

TEXTURED SURFACES

Eye image · Earth map · Ball texture · Image · Texture detail · Aim horizontally · Aim vertically · Transparent fill · Shading

ROTATION

Auto yaw · Auto pitch · Auto roll · Drag to rotate · Spin momentum · Follow cursor · Follow speed · Image spin

One rotation model for all five surfaces: the same auto yaw, pitch and roll, drag, momentum and cursor-follow drive it, with nothing gated by surface. Ships upright and turning (yaw 8°/s, pitch and roll 0) so a globe, an eye and a ball each rest on a vertical spin; raise pitch or roll for a free tumble. Follow cursor is always on for Eyeball. Image adds its own spin option on top.

5a:[["$","$L5d",null,{"post":{"id":"019fd44d-852e-72aa-8205-0373f02db871","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"219acb27-8044-4f88-afb5-830629dd4cea","name":"SMUDGELESS","slug":"smudgeless","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/219acb27-8044-4f88-afb5-830629dd4cea/i2sqrile","followed":false,"followsYou":false},"media":[],"resources":[{"id":"rlMF3hUI2BAoUhxaN5fI","resolved":true,"title":"Custom Sphere","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"DESCRIPTION"}]},{"type":"paragraph","content":[{"type":"text","text":"A rotating 3D sphere with 5 surfaces in 1 component. A chroma globe of hue × lightness patches; a photoreal eyeball that follows the cursor; a spinning Earth; a soccer ball; and any image of yours wrapped around it. Using one per-pixel raytracer, three built-in textures ship inside the file, so there is nothing to upload and nothing to host before it works."}]},{"type":"paragraph","content":[{"type":"text","text":"Rotation runs on quaternions, so yaw, pitch and roll compose without gimbal lock; it never flips at the poles. Drag to throw it and it carries momentum, or leave it on a slow spin. Detail adapts while it moves and sharpens the moment it settles, so a 96 × 60 patch sphere stays smooth under a hard flick."}]},{"type":"paragraph","content":[{"type":"text","text":"Image mode: upload a 2:1 equirectangular map (2048×1024 works well) for an undistorted wrap. Upload it rather than linking an external URL. Aim horizontally / vertically to choose what faces the visitor."}]},{"type":"paragraph","content":[{"type":"text","text":"Ships with a fully transparent Background, so all three surfaces sit straight on your own section fill; set a color there if a surface needs its own backdrop. Pauses when scrolled off screen. Renders a still sphere for visitors who ask for reduced motion."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"SURFACE & GLOBE"}]},{"type":"paragraph","content":[{"type":"text","text":"Chroma / Eyeball / Earth / Football / Image · Invert colors · Cube mapping · Saturation · Segments around · Segments top to bottom · Show far side · Far side opacity · Patch lines · Line color"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"TEXTURED SURFACES"}]},{"type":"paragraph","content":[{"type":"text","text":"Eye image · Earth map · Ball texture · Image · Texture detail · Aim horizontally · Aim vertically · Transparent fill · Shading"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"ROTATION"}]},{"type":"paragraph","content":[{"type":"text","text":"Auto yaw · Auto pitch · Auto roll · Drag to rotate · Spin momentum · Follow cursor · Follow speed · Image spin"}]},{"type":"paragraph","content":[{"type":"text","text":"One rotation model for all five surfaces: the same auto yaw, pitch and roll, drag, momentum and cursor-follow drive it, with nothing gated by surface. Ships upright and turning (yaw 8°/s, pitch and roll 0) so a globe, an eye and a ball each rest on a vertical spin; raise pitch or roll for a free tumble. Follow cursor is always on for Eyeball. Image adds its own spin option on top."}]}]},"introduction":"5 surfaces on a rotating 3D sphere","slug":"custom-sphere","author":{"framerUserId":"219acb27-8044-4f88-afb5-830629dd4cea","name":"SMUDGELESS","slug":"smudgeless","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/219acb27-8044-4f88-afb5-830629dd4cea/i2sqrile","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/219acb27-8044-4f88-afb5-830629dd4cea/019fded6-de25-776b-bbff-35e621ca2994.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1200,"height":900}}],"post":null,"createdAt":"2026-08-05T23:41:17.502Z","updatedAt":"2026-10-01T02:23:32.344Z","publishedAt":"2026-08-05T23:41:17.497Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://smudgeless.framer.website/preview/custom-sphere","price":"9","paymentUrl":"https://buy.polar.sh/polar_cl_EQLVaH8OmsNbnwLQpHf2xlCVFNE3H5JokPwbC3vRd4T","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"bHqk5Mjku1g4HfZTfUR2","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-05T23:41:17.998Z","updatedAt":"2026-08-05T23:41:17.998Z","reported":false}}],"$L5f"]

Suggested for you