5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/05lj3a0qaa006.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/382a8k30zyobj.js","/creators-assets/_next/static/immutable/chunks/368p63l4oh_7-.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/228u8o-g1d1_g.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/413kuej600yyw.js","/creators-assets/_next/static/immutable/chunks/02hyzon6wywme.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:T978,

3D Burst Cube is a premium interactive 3D image cube for Framer that transforms images into an immersive, animated mosaic. Each face is divided into individual tiles that burst outward, scatter, tumble, and smoothly reassemble with realistic depth, spring-based motion, and fluid 3D rotation.

Features

Interactive 3D Cube — Display images across six faces with realistic perspective and spatial depth.
Exploding Tile Animation — Break the cube into individual pieces that scatter outward and reassemble.
Five Animation Triggers — Activate bursting through looping, scrolling, reverse scroll building, hovering, or clicking.
Two Image Modes — Choose Mosaic mode for complete images across each face or Per Tile mode for individual image tiles.
Customizable Cube Geometry — Adjust grid density, cube size, tile spacing, corner radius, and perspective.
Advanced Burst Controls — Fine-tune explosion distance, scatter, tumble rotation, stagger, bounce, and hold duration.
Interactive Drag Rotation — Rotate the cube freely with smooth trackball-style dragging and natural inertia.
Automatic 3D Rotation — Enable continuous spinning with adjustable speed, axis lean, and starting orientation.
Individual Image Links — Add custom links to images and choose whether they open in the same or a new tab.
Flexible Styling & Responsive Design — Customize background colors, tile backs, entrance animation, and clipping with responsive sizing and reduced-motion support.

Where to Use

3D Burst Cube is ideal for creative portfolios, design studios, photography websites, digital agencies, fashion brands, product showcases, art galleries, experimental landing pages, and interactive storytelling.

Its combination of explosive tile animations, smooth 3D rotation, and customizable interactions makes it a distinctive visual element for modern Framer websites.

For custom components or other Framer-related projects, contact oddframeworks@gmail.com.

5a:[["$","$L5d",null,{"post":{"id":"01a11f4d-530c-716e-ba0d-769883c94267","title":null,"body":"

3D Burst Cube

Interactive 3D Exploding Cube

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"3D Burst Cube","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Interactive 3D Exploding Cube"}]}]},"author":{"framerUserId":"5a06d82f-2719-499a-95b4-257f169a0ff6","name":"Oddframe","slug":"oddframe","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a06d82f-2719-499a-95b4-257f169a0ff6/vzf7d4ja","followed":false,"followsYou":false},"media":[],"resources":[{"id":"Eelr6eccvO4RgaKFo6xm","resolved":true,"title":"3D Burst Cube","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"3D Burst Cube","marks":[{"type":"bold"}]},{"type":"text","text":" is a premium interactive 3D image cube for Framer that transforms images into an immersive, animated mosaic. Each face is divided into individual tiles that burst outward, scatter, tumble, and smoothly reassemble with realistic depth, spring-based motion, and fluid 3D rotation."}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive 3D Cube","marks":[{"type":"bold"}]},{"type":"text","text":" — Display images across six faces with realistic perspective and spatial depth."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Exploding Tile Animation","marks":[{"type":"bold"}]},{"type":"text","text":" — Break the cube into individual pieces that scatter outward and reassemble."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Five Animation Triggers","marks":[{"type":"bold"}]},{"type":"text","text":" — Activate bursting through looping, scrolling, reverse scroll building, hovering, or clicking."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Two Image Modes","marks":[{"type":"bold"}]},{"type":"text","text":" — Choose Mosaic mode for complete images across each face or Per Tile mode for individual image tiles."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customizable Cube Geometry","marks":[{"type":"bold"}]},{"type":"text","text":" — Adjust grid density, cube size, tile spacing, corner radius, and perspective."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Advanced Burst Controls","marks":[{"type":"bold"}]},{"type":"text","text":" — Fine-tune explosion distance, scatter, tumble rotation, stagger, bounce, and hold duration."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive Drag Rotation","marks":[{"type":"bold"}]},{"type":"text","text":" — Rotate the cube freely with smooth trackball-style dragging and natural inertia."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Automatic 3D Rotation","marks":[{"type":"bold"}]},{"type":"text","text":" — Enable continuous spinning with adjustable speed, axis lean, and starting orientation."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Individual Image Links","marks":[{"type":"bold"}]},{"type":"text","text":" — Add custom links to images and choose whether they open in the same or a new tab."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Flexible Styling & Responsive Design","marks":[{"type":"bold"}]},{"type":"text","text":" — Customize background colors, tile backs, entrance animation, and clipping with responsive sizing and reduced-motion support."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Where to Use"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"3D Burst Cube is ideal for "},{"type":"text","text":"creative portfolios, design studios, photography websites, digital agencies, fashion brands, product showcases, art galleries, experimental landing pages, and interactive storytelling","marks":[{"type":"bold"}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"Its combination of explosive tile animations, smooth 3D rotation, and customizable interactions makes it a distinctive visual element for modern Framer websites."}]},{"type":"paragraph","content":[{"type":"text","text":"For custom components or other Framer-related projects, contact "},{"type":"text","text":"oddframeworks@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:oddframeworks@gmail.com","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":"."}]}]},"introduction":"Interactive 3D Exploding Cube","slug":"3d-burst-cube","author":{"framerUserId":"5a06d82f-2719-499a-95b4-257f169a0ff6","name":"Oddframe","slug":"oddframe","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a06d82f-2719-499a-95b4-257f169a0ff6/vzf7d4ja","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5a06d82f-2719-499a-95b4-257f169a0ff6/01a11f4d-13e8-743b-a509-e683af573714.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-09T06:15:23.014Z","updatedAt":"2026-10-09T06:15:23.014Z","publishedAt":"2026-10-09T06:15:23.011Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Tesseract-GKXQf2.js@zDI11XHS7Ii4zfjsVBYW","previewUrl":"https://3dburstcube.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"zDI11XHS7Ii4zfjsVBYW","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-10-09T06:15:23.660Z","updatedAt":"2026-10-09T06:15:23.660Z","reported":false}}],"$L5f"]

Suggested for you