56:I[473921,["/creators-assets/_next/static/immutable/chunks/456dxp3afc8vw.js","/creators-assets/_next/static/immutable/chunks/2bxtessbrg0z1.js","/creators-assets/_next/static/immutable/chunks/0bntpu9zyiup3.js","/creators-assets/_next/static/immutable/chunks/3283ev4bymz-y.js","/creators-assets/_next/static/immutable/chunks/0_p7_rfyih3ce.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/3x7cofmdt-u_a.js","/creators-assets/_next/static/immutable/chunks/18e_sauhpyyit.js","/creators-assets/_next/static/immutable/chunks/13xqrk3e5k8yu.js","/creators-assets/_next/static/immutable/chunks/00hohn9l3ocx9.js","/creators-assets/_next/static/immutable/chunks/3oybmd01gs-b6.js","/creators-assets/_next/static/immutable/chunks/0vxt9zvn936s0.js","/creators-assets/_next/static/immutable/chunks/1yn3k6g09tq32.js","/creators-assets/_next/static/immutable/chunks/3ly-i84yiij4i.js","/creators-assets/_next/static/immutable/chunks/1cey7skpirawe.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/2n9qmawfhavju.js","/creators-assets/_next/static/immutable/chunks/0m8lhf01xskqj.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3uo-268z2xnq9.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/2lxef2-u417vc.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/439i_r5_4eszl.js","/creators-assets/_next/static/immutable/chunks/2ch5kewqiwntv.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/3xmobvbzj3637.js","/creators-assets/_next/static/immutable/chunks/26fs9mkd8gzie.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/110hzb6dmcbdr.js","/creators-assets/_next/static/immutable/chunks/2eiu9v0ook5ln.js","/creators-assets/_next/static/immutable/chunks/1zt764sfv2wd7.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js","/creators-assets/_next/static/immutable/chunks/3gx0_q52o4oil.js","/creators-assets/_next/static/immutable/chunks/0u_jiik6ovv_e.js","/creators-assets/_next/static/immutable/chunks/2warb3xv9rce7.js","/creators-assets/_next/static/immutable/chunks/1tvhyiuh-gmez.js"],"PostDetailCard"] 57:T96f,

Cubo — Dark Editorial & 3D Framer Template

Cubo is a dark, editorial Framer template crafted for branding, motion, digital studios, and 3D artists who want a portfolio that feels cinematic, interactive, and alive.

Built around a continuous 3D cube concept, the site seamlessly blends geometric page transitions, a custom 3D spinning cursor, floating glass elements, and fluid scroll-driven interactions.

Key Visuals & Animations

3D & Glass Concept: Interactive 3D scene, floating glass cubes with depth blur, and rotation-based page transitions.
Cinematic Scrolling: Morphing hero intro, pinned manifesto with line-by-line text reveals, horizontal project board, and a tilted image archive that zooms as you scroll.
Custom 3D Cursor: Mini spinning 3D cube with a soft glow that reacts to links and clicks.
Micro-interactions: Hover zooms, sliding service lists, word-by-word blur text reveals, and smooth scrolling.

Page Structure

Home: Morphing intro, studio manifesto, horizontal work board, image archive, and a giant wordmark footer.
About: Studio statement, key metrics, interactive services list, and clear CTA.
Projects (CMS): Full grid showcase of all case studies powered by Framer CMS.
Project Detail (CMS): Includes summary header, client details, rich text story, image gallery, and next-project link.
Contact: Working form with budget options, custom submit/success/error states, and studio details.

Technical Features

Framer CMS: Easily add and manage case studies in minutes.
Clean Style System: 10 text styles and 6 color variables for fast customization.
Fully Responsive: Optimized layouts for Desktop, Tablet, and Mobile.
Global Components & SEO: Shared header/footer overlays and pre-set SEO tags for every page.

Perfect for: Creative studios, web design agencies, motion designers, 3D artists, art directors, and premium freelancers.

53:[["$","$L56",null,{"post":{"id":"01a139ce-200c-7668-8489-39a765831a14","title":null,"body":"

Cubo a dark, cinematic 3D Framer template for creatives

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Cubo a dark, cinematic 3D Framer template for creatives"}]}]},"author":{"framerUserId":"4c3f87e9-1bfe-45df-a0a1-272cb43b22ab","name":"Will Maruiti","slug":"willmaruiti","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2113144/avatar-b5nteAIG18NEx3P3W6IJkGjVQcBzht.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"75844","resolved":true,"title":"CUBOAgency","body":"$57","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Cubo — Dark Editorial & 3D Framer Template","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Cubo","marks":[{"type":"bold"}]},{"type":"text","text":" is a dark, editorial Framer template crafted for branding, motion, digital studios, and 3D artists who want a portfolio that feels cinematic, interactive, and alive."}]},{"type":"paragraph","content":[{"type":"text","text":"Built around a continuous 3D cube concept, the site seamlessly blends geometric page transitions, a custom 3D spinning cursor, floating glass elements, and fluid scroll-driven interactions."}]},{"type":"customHeading","content":[{"type":"text","text":"Key Visuals & Animations"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3D & Glass Concept:","marks":[{"type":"bold"}]},{"type":"text","text":" Interactive 3D scene, floating glass cubes with depth blur, and rotation-based page transitions."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cinematic Scrolling:","marks":[{"type":"bold"}]},{"type":"text","text":" Morphing hero intro, pinned manifesto with line-by-line text reveals, horizontal project board, and a tilted image archive that zooms as you scroll."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom 3D Cursor:","marks":[{"type":"bold"}]},{"type":"text","text":" Mini spinning 3D cube with a soft glow that reacts to links and clicks."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Micro-interactions:","marks":[{"type":"bold"}]},{"type":"text","text":" Hover zooms, sliding service lists, word-by-word blur text reveals, and smooth scrolling."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Page Structure"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Home:","marks":[{"type":"bold"}]},{"type":"text","text":" Morphing intro, studio manifesto, horizontal work board, image archive, and a giant wordmark footer."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"About:","marks":[{"type":"bold"}]},{"type":"text","text":" Studio statement, key metrics, interactive services list, and clear CTA."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Projects (CMS):","marks":[{"type":"bold"}]},{"type":"text","text":" Full grid showcase of all case studies powered by Framer CMS."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Project Detail (CMS):","marks":[{"type":"bold"}]},{"type":"text","text":" Includes summary header, client details, rich text story, image gallery, and next-project link."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Contact:","marks":[{"type":"bold"}]},{"type":"text","text":" Working form with budget options, custom submit/success/error states, and studio details."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Technical Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer CMS:","marks":[{"type":"bold"}]},{"type":"text","text":" Easily add and manage case studies in minutes."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Clean Style System:","marks":[{"type":"bold"}]},{"type":"text","text":" 10 text styles and 6 color variables for fast customization."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully Responsive:","marks":[{"type":"bold"}]},{"type":"text","text":" Optimized layouts for Desktop, Tablet, and Mobile."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Global Components & SEO:","marks":[{"type":"bold"}]},{"type":"text","text":" Shared header/footer overlays and pre-set SEO tags for every page."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for:","marks":[{"type":"bold"}]},{"type":"text","text":" Creative studios, web design agencies, motion designers, 3D artists, art directors, and premium freelancers."}]}]},"introduction":"Creative studios with 3D Animatios","slug":"cuboagency","author":{"framerUserId":"4c3f87e9-1bfe-45df-a0a1-272cb43b22ab","name":"Will Maruiti","slug":"willmaruiti","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2113144/avatar-b5nteAIG18NEx3P3W6IJkGjVQcBzht.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/4c3f87e9-1bfe-45df-a0a1-272cb43b22ab/01a139ca-6e6d-7519-9ef4-d23af5d25e07.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":3000,"height":2102}},{"type":"video","url":"https://stream.mux.com/gw02VgORvx2QA5b3mWAWMbjNXvqcfc9wQXPyAzXcr00aA.m3u8","metadata":{"posterUrl":"https://image.mux.com/gw02VgORvx2QA5b3mWAWMbjNXvqcfc9wQXPyAzXcr00aA/thumbnail.webp?time=13.413","aspectRatio":"299:232","duration":44.583333}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/4c3f87e9-1bfe-45df-a0a1-272cb43b22ab/01a139cb-e3a7-7242-ba02-2c482573b07a.jpg","metadata":{"tint":{"h":0,"s":0,"l":58},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/4c3f87e9-1bfe-45df-a0a1-272cb43b22ab/01a139ca-6eb2-70f9-acb0-c4dd5448b9d1.jpg","metadata":{"tint":{"h":240,"s":62,"l":30},"width":3000,"height":2250}}],"post":null,"createdAt":"2026-10-14T09:46:11.696Z","updatedAt":"2026-10-14T09:46:11.696Z","publishedAt":"2026-10-14T09:46:11.692Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/3MWo78D","remixUrl":"https://framer.link/3MWo78D","previewUrl":"https://cuboagency.framer.website/","categories":[{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[{"id":110,"name":"Animated","slug":"animated"},{"id":6,"name":"3D","slug":"3d"},{"id":201,"name":"Colorful","slug":"colorful"}],"mainCategory":{"id":3,"name":"Agency","slug":"agency"},"features":[],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-14T09:46:12.364Z","updatedAt":"2026-10-14T09:46:12.364Z","reported":false,"type":"post"}}],"$L58"]

Suggested for you