4f:I[267044,["/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/3npaj8f4glbs_.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/2knggklfeqwdv.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/0feduxwyr82nv.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/3xmobvbzj3637.js","/creators-assets/_next/static/immutable/chunks/0h18ahbw9nndq.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/110hzb6dmcbdr.js","/creators-assets/_next/static/immutable/chunks/0yqk60ay0h76r.js","/creators-assets/_next/static/immutable/chunks/1zt764sfv2wd7.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js","/creators-assets/_next/static/immutable/chunks/046rld3pdrzo7.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/3gx0_q52o4oil.js","/creators-assets/_next/static/immutable/chunks/2warb3xv9rce7.js","/creators-assets/_next/static/immutable/chunks/0lmmb08iwroji.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 50:T83f,

Playhead turns a director's portfolio into an editing suite. Visitors scrub your reel on a real timeline, watch it in a program monitor and read each film's details in an inspector — the way you'd review a cut.

What's inside

Edit Suite — program monitor, clip inspector and a four-track timeline (V2, V1, A1, A2) with ruler and timecode. Hover to scrub, click a clip to open the film. The reel plays on its own when nobody is touching it.

Cinema mode — one button (or the C key) puts the monitor full screen. Arrow keys or a swipe move between films, and the interface fades away after a moment.

CMS film pages — every film gets its own page with a player letterboxed to its real aspect ratio (1.37, 1.66, 1.85, 2.39…), timecode and scrub bar, details, credits, stills, festival laurels and a link to the next film.

Filmography — a CMS list sorted by year. Hover a title and a preview of the film follows the cursor.

About and contact — bio, clients, representation, laurels and a big mailto call to action.

Responsive — desktop, tablet and phone layouts. On touch screens the first tap previews a clip and the second opens it. Custom 404, colour and text styles, and a shared layout template.

Easy to make yours

Add films in the CMS: title, type, client, year, runtime, camera, aspect ratio, logline, colour, clip, poster, stills, credits and laurels. Edit the reel in the Edit Suite's properties — pick the films, clip colours and how long each one sits on the timeline. Colours and fonts are exposed as properties too.

Good to know

The Edit Suite reel is set in the component's properties, separate from the CMS, because Framer code components can't read CMS collections. All demo footage was generated for the template and is included; swap in your own clips. Fonts: Gloock, Geist and Geist Mono.

Support: unaigaraymaestre+playhead@gmail.com — replies within 2 working days. Refunds: full refund within 14 days of purchase.

4e:["$","$L4f",null,{"value":{"fallback":{"$inf$activity-creator-eec29e96-687e-4881-b924-2d115396ef1c-all:/unified/creator/eec29e96-687e-4881-b924-2d115396ef1c/activity/":[{"data":[{"id":"01a0e8b2-4c9c-77dd-95ea-b168b503c9d0","type":"template.created","target":{"type":"template","id":"74153","preview":"Playhead","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eec29e96-687e-4881-b924-2d115396ef1c/01a0e8a9-cbe4-708d-973f-3a1e09d57d91.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"eec29e96-687e-4881-b924-2d115396ef1c","name":"Unai Garay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2815315/46c922071aeb7b7f2bc15f7c642355ee-1ulqBDHRg31VFe9UsjWJN9Es2ijyMb","slug":"unai-garay","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-28T15:46:34.268Z","latestAt":"2026-09-28T15:46:34.268Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:eec29e96-687e-4881-b924-2d115396ef1c:/unified/posts/?creator=eec29e96-687e-4881-b924-2d115396ef1c&with=reposts":[{"data":[{"id":"01a0e8b2-4a0e-751d-8668-c21cfad8c1d6","title":null,"body":"

Playhead: a Framer template that turns a director's portfolio into an editing suite. Scrub your reel on a timeline, go full screen in cinema mode, and give every film its own letterboxed page.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Playhead: a Framer template that turns a director's portfolio into an editing suite. Scrub your reel on a timeline, go full screen in cinema mode, and give every film its own letterboxed page."}]}]},"author":{"framerUserId":"eec29e96-687e-4881-b924-2d115396ef1c","name":"Unai Garay","slug":"unai-garay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2815315/46c922071aeb7b7f2bc15f7c642355ee-1ulqBDHRg31VFe9UsjWJN9Es2ijyMb","followed":false,"followsYou":false},"media":[],"resources":[{"id":"74153","resolved":true,"title":"Playhead","body":"$50","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Playhead turns a director's portfolio into an editing suite. Visitors scrub your reel on a real timeline, watch it in a program monitor and read each film's details in an inspector — the way you'd review a cut."}]},{"type":"paragraph","content":[{"type":"text","text":"What's inside"}]},{"type":"paragraph","content":[{"type":"text","text":"Edit Suite — program monitor, clip inspector and a four-track timeline (V2, V1, A1, A2) with ruler and timecode. Hover to scrub, click a clip to open the film. The reel plays on its own when nobody is touching it."}]},{"type":"paragraph","content":[{"type":"text","text":"Cinema mode — one button (or the C key) puts the monitor full screen. Arrow keys or a swipe move between films, and the interface fades away after a moment."}]},{"type":"paragraph","content":[{"type":"text","text":"CMS film pages — every film gets its own page with a player letterboxed to its real aspect ratio (1.37, 1.66, 1.85, 2.39…), timecode and scrub bar, details, credits, stills, festival laurels and a link to the next film."}]},{"type":"paragraph","content":[{"type":"text","text":"Filmography — a CMS list sorted by year. Hover a title and a preview of the film follows the cursor."}]},{"type":"paragraph","content":[{"type":"text","text":"About and contact — bio, clients, representation, laurels and a big mailto call to action."}]},{"type":"paragraph","content":[{"type":"text","text":"Responsive — desktop, tablet and phone layouts. On touch screens the first tap previews a clip and the second opens it. Custom 404, colour and text styles, and a shared layout template."}]},{"type":"paragraph","content":[{"type":"text","text":"Easy to make yours"}]},{"type":"paragraph","content":[{"type":"text","text":"Add films in the CMS: title, type, client, year, runtime, camera, aspect ratio, logline, colour, clip, poster, stills, credits and laurels. Edit the reel in the Edit Suite's properties — pick the films, clip colours and how long each one sits on the timeline. Colours and fonts are exposed as properties too."}]},{"type":"paragraph","content":[{"type":"text","text":"Good to know"}]},{"type":"paragraph","content":[{"type":"text","text":"The Edit Suite reel is set in the component's properties, separate from the CMS, because Framer code components can't read CMS collections. All demo footage was generated for the template and is included; swap in your own clips. Fonts: Gloock, Geist and Geist Mono."}]},{"type":"paragraph","content":[{"type":"text","text":"Support: "},{"type":"text","text":"unaigaraymaestre+playhead@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:unaigaraymaestre+playhead@gmail.com","target":"_blank"}}]},{"type":"text","text":" — replies within 2 working days. Refunds: full refund within 14 days of purchase."}]}]},"introduction":"Portfolio for directors and DPs","slug":"playhead","author":{"framerUserId":"eec29e96-687e-4881-b924-2d115396ef1c","name":"Unai Garay","slug":"unai-garay","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2815315/46c922071aeb7b7f2bc15f7c642355ee-1ulqBDHRg31VFe9UsjWJN9Es2ijyMb","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eec29e96-687e-4881-b924-2d115396ef1c/01a0e8a9-cbe4-708d-973f-3a1e09d57d91.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eec29e96-687e-4881-b924-2d115396ef1c/01a0e8aa-1376-72bd-931e-47745061b964.jpg","metadata":{"tint":{"h":60,"s":50,"l":6},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eec29e96-687e-4881-b924-2d115396ef1c/01a0e8aa-237f-75ed-83b5-2411ce1fe909.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eec29e96-687e-4881-b924-2d115396ef1c/01a0e8aa-3306-7618-8c20-77b76350353c.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eec29e96-687e-4881-b924-2d115396ef1c/01a0e8aa-42ab-7398-b748-c830c111452e.jpg","metadata":{"tint":{"h":60,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-28T15:46:32.947Z","updatedAt":"2026-09-28T15:46:32.947Z","publishedAt":"2026-09-28T15:46:32.945Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"79","paymentUrl":"https://buy.polar.sh/polar_cl_OuinIRx4R7Y2wtubiATFC87JBsAkfW6rmKBky4WTtu4","remixUrl":null,"previewUrl":"https://playhead.framer.website/","categories":[],"styles":[{"id":234,"name":"Large Type","slug":"large-type"},{"id":110,"name":"Animated","slug":"animated"},{"id":208,"name":"Dark","slug":"dark"}],"mainCategory":{"id":12,"name":"Entertainment","slug":"entertainment"},"features":[{"id":21,"name":"CMS","slug":"cms"},{"id":23,"name":"Rich Media","slug":"rich-media"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":37,"name":"Code Components","slug":"code-components"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-28T15:46:33.614Z","updatedAt":"2026-09-28T15:46:33.614Z","type":"post"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L51"}]