5c: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"] 5d:T7c0,

Therin is a template for studios that sell outcomes, not deliverables. Every section is built to move: headlines blur in word by word, a giant manifesto pins and settles as you scroll, project slides stack full-screen, and a cobalt reveal rises into the footer.

Case studies run on the CMS, so adding a project is a single entry — cover, results, three stats, the story, a gallery and a client quote. The detail page lays it all out and links straight to the next project.

It's fully responsive, uses one clean colour system you can swap in seconds, and every interaction is built with native Framer components you can edit — no black boxes.

Highlights:

Original 3D glass-helix hero with a seamless looping video
Scroll-driven manifesto, word-by-word text reveals and a pinned statement section
Full-screen stacked project slides with a custom "View case" cursor
Services list with a floating image that follows the cursor
Draggable before/after growth chart in a bento layout
Springy, hover-to-expand process phases over a mouse-reactive gradient
Team roster with greyscale-to-colour hover and bio pop-ups
Interactive pricing plans, tabbed FAQ (one answer open at a time)
Scroll-linked cobalt reveal into the footer
Blurred, cobalt-tinted overlay when hovering the navigation
CMS-powered Work and case study pages with "next project" linking
Contact page with a full enquiry form, success and error states
Tablet and phone layouts with a drawer navigation

Pages: Home, Work, Case Study (CMS), Studio, Contact, 404

Good for: growth consultancies, brand and design studios, marketing agencies, fractional CMO/CGO teams, product studios, and independent strategists.

59:[["$","$L5c",null,{"post":{"id":"01a0f2d9-6cce-70cf-9259-78dec00485b9","title":null,"body":"

Enjoy Therin.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Enjoy Therin."}]}]},"author":{"framerUserId":"29ef87c6-7130-4312-ac0b-e05b305c9c22","name":"Chiranjeev Singh","slug":"runicdevs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/z35oxdm8","followed":false,"followsYou":false},"media":[],"resources":[{"id":"74361","resolved":true,"title":"Therin","body":"$5d","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Therin is a template for studios that sell outcomes, not deliverables. Every section is built to move: headlines blur in word by word, a giant manifesto pins and settles as you scroll, project slides stack full-screen, and a cobalt reveal rises into the footer."}]},{"type":"paragraph","content":[{"type":"text","text":"Case studies run on the CMS, so adding a project is a single entry — cover, results, three stats, the story, a gallery and a client quote. The detail page lays it all out and links straight to the next project."}]},{"type":"paragraph","content":[{"type":"text","text":"It's fully responsive, uses one clean colour system you can swap in seconds, and every interaction is built with native Framer components you can edit — no black boxes."}]},{"type":"paragraph","content":[{"type":"text","text":"Highlights:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Original 3D glass-helix hero with a seamless looping video"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll-driven manifesto, word-by-word text reveals and a pinned statement section"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full-screen stacked project slides with a custom \"View case\" cursor"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Services list with a floating image that follows the cursor"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Draggable before/after growth chart in a bento layout"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Springy, hover-to-expand process phases over a mouse-reactive gradient"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Team roster with greyscale-to-colour hover and bio pop-ups"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive pricing plans, tabbed FAQ (one answer open at a time)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll-linked cobalt reveal into the footer"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Blurred, cobalt-tinted overlay when hovering the navigation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS-powered Work and case study pages with \"next project\" linking"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Contact page with a full enquiry form, success and error states"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tablet and phone layouts with a drawer navigation"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Pages:","marks":[{"type":"bold"}]},{"type":"text","text":" Home, Work, Case Study (CMS), Studio, Contact, 404"}]},{"type":"paragraph","content":[{"type":"text","text":"Good for:","marks":[{"type":"bold"}]},{"type":"text","text":" growth consultancies, brand and design studios, marketing agencies, fractional CMO/CGO teams, product studios, and independent strategists."}]}]},"introduction":"Motion-rich template for agencies","slug":"therin","author":{"framerUserId":"29ef87c6-7130-4312-ac0b-e05b305c9c22","name":"Chiranjeev Singh","slug":"runicdevs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/z35oxdm8","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/01a0f2d7-8ab3-71a8-8de7-38a5d200097e.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/01a0f2d7-d26d-7140-a2e3-999c46584634.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/01a0f2d7-fa6d-73cd-9a61-8c39edef843c.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/01a0f2d8-22d4-7268-bbb0-21a2942195bd.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/01a0f2d8-a622-7752-9145-35d4341b431b.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-30T15:05:29.869Z","updatedAt":"2026-09-30T15:05:29.869Z","publishedAt":"2026-09-30T15:05:29.864Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"89","paymentUrl":"https://contra.com/payment-link/iGRrJlKV-therin-framer-template","remixUrl":null,"previewUrl":"https://therin.framer.website/","categories":[],"styles":[{"id":247,"name":"Professional","slug":"professional"},{"id":110,"name":"Animated","slug":"animated"},{"id":6,"name":"3D","slug":"3d"}],"mainCategory":{"id":3,"name":"Agency","slug":"agency"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":9,"name":"Overlays & Modals","slug":"overlays-modals"},{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"id":17,"name":"Sticky Scrolling","slug":"sticky-scrolling"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":23,"name":"Rich Media","slug":"rich-media"},{"id":25,"name":"Custom Cursors","slug":"custom-cursors"},{"id":30,"name":"Forms","slug":"forms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":36,"name":"3D Transforms","slug":"3d-transforms"},{"id":37,"name":"Code Components","slug":"code-components"},{"id":40,"name":"Variable Fonts","slug":"variable-fonts"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-30T15:05:30.574Z","updatedAt":"2026-09-30T15:05:30.574Z","reported":false}}],"$L5e"]

Suggested for you