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/3f4g-fr876v8f.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/34g6edkub9lqm.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/16queuxy94k6z.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:T6ea,

Stillhouse is a portfolio template for studios and creatives who would rather show their work than write about it. The home page is one interactive object: your projects on cards, wrapped around a 3D sphere. Visitors drag it, throw it and watch it roll to a stop. Cards near the cursor light up and lift toward them, and a click opens a preview with a link to the full case study.

What makes it different

The gallery renders in WebGL with real depth. Cards on the far side fade and turn away, cards in front catch the light, and the ball keeps its momentum when you let go. For a calmer look, switch the layout to Dome, an endless curved grid that bends under the cursor. Browsers without WebGL get a CSS 3D version, and visitors with reduced motion turned on get it without the spin.

What's included

A home page with the 3D gallery, a CMS-driven project page with cover, client, service, year, rich text case study and a next project link, six sample case studies, and a 404 page with the gallery turning behind it. Every page has desktop, tablet and phone layouts, with a hamburger menu on smaller screens. It ships with a Navigation component, 5 color styles and 7 text styles.

Easy to make your own

Every gallery setting lives in the properties panel: sphere size, card count, card scale, spin speed, cursor light and hover lift, and whether a click opens a preview or goes straight to the project page. Cards resize themselves so they don't overlap when you add more. Change the color styles once and the whole site follows.

Good to know: gallery cards are edited in the component's Items list and project pages come from the CMS. Use the same title in both and the link between them works automatically.

53:[["$","$L56",null,{"post":{"id":"01a14a55-4e46-707b-ad34-c4a59aa79ac7","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"de826ce9-935f-41b1-a5db-7e412120981f","name":"Sinto Wahid","slug":"sintowdesign","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/de826ce9-935f-41b1-a5db-7e412120981f/paqwx32h","followed":false,"followsYou":false},"media":[],"resources":[{"id":"76167","resolved":true,"title":"Stillhouse Studio","body":"$57","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Stillhouse is a portfolio template for studios and creatives who would rather show their work than write about it. The home page is one interactive object: your projects on cards, wrapped around a 3D sphere. Visitors drag it, throw it and watch it roll to a stop. Cards near the cursor light up and lift toward them, and a click opens a preview with a link to the full case study."}]},{"type":"paragraph","content":[{"type":"text","text":"What makes it different"}]},{"type":"paragraph","content":[{"type":"text","text":"The gallery renders in WebGL with real depth. Cards on the far side fade and turn away, cards in front catch the light, and the ball keeps its momentum when you let go. For a calmer look, switch the layout to Dome, an endless curved grid that bends under the cursor. Browsers without WebGL get a CSS 3D version, and visitors with reduced motion turned on get it without the spin."}]},{"type":"paragraph","content":[{"type":"text","text":"What's included"}]},{"type":"paragraph","content":[{"type":"text","text":"A home page with the 3D gallery, a CMS-driven project page with cover, client, service, year, rich text case study and a next project link, six sample case studies, and a 404 page with the gallery turning behind it. Every page has desktop, tablet and phone layouts, with a hamburger menu on smaller screens. It ships with a Navigation component, 5 color styles and 7 text styles."}]},{"type":"paragraph","content":[{"type":"text","text":"Easy to make your own"}]},{"type":"paragraph","content":[{"type":"text","text":"Every gallery setting lives in the properties panel: sphere size, card count, card scale, spin speed, cursor light and hover lift, and whether a click opens a preview or goes straight to the project page. Cards resize themselves so they don't overlap when you add more. Change the color styles once and the whole site follows."}]},{"type":"paragraph","content":[{"type":"text","text":"Good to know: gallery cards are edited in the component's Items list and project pages come from the CMS. Use the same title in both and the link between them works automatically."}]}]},"introduction":"A sleek and modern portfolio","slug":"stillhouse-studio","author":{"framerUserId":"de826ce9-935f-41b1-a5db-7e412120981f","name":"Sinto Wahid","slug":"sintowdesign","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/de826ce9-935f-41b1-a5db-7e412120981f/paqwx32h","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/XbT2LQm8ilUjQ01hPJK9Emu00HnZpRP6He5e8I6sFRY00I.m3u8","metadata":{"posterUrl":"https://image.mux.com/XbT2LQm8ilUjQ01hPJK9Emu00HnZpRP6He5e8I6sFRY00I/thumbnail.webp?time=3.833","aspectRatio":"4:3","duration":9.566667}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/de826ce9-935f-41b1-a5db-7e412120981f/01a14a54-7a0d-775b-8e8b-c5f03b1b4d02.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/de826ce9-935f-41b1-a5db-7e412120981f/01a14a54-8bc5-76e9-9a42-e52363ea2758.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/de826ce9-935f-41b1-a5db-7e412120981f/01a14a54-a959-707f-b95c-f6585102a032.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/de826ce9-935f-41b1-a5db-7e412120981f/01a14a54-c430-758b-bbd5-5658fc6eeea3.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-17T14:47:46.300Z","updatedAt":"2026-10-17T14:49:24.325Z","publishedAt":"2026-10-17T14:47:46.296Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"32","paymentUrl":"https://contra.com/products/dnZAcksc-stillhouse-studio-framer-template","remixUrl":null,"previewUrl":"https://stillhouse.framer.website/","categories":[],"styles":[{"id":109,"name":"Modern","slug":"modern"},{"id":110,"name":"Animated","slug":"animated"},{"id":6,"name":"3D","slug":"3d"}],"mainCategory":{"id":3,"name":"Agency","slug":"agency"},"features":[],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-17T14:47:47.014Z","updatedAt":"2026-10-17T14:47:47.014Z","reported":false,"type":"post"}}],"$L58"]

Suggested for you