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:T654,

ExpertCode is a free Framer template for AI coding courses, developer consultancies, agent tooling and anyone teaching or selling work with Claude Code, Codex and AI agents. It has a stunning vibe-code feel: warm paper, mono type and a live terminal where an agent types a task, streams its steps, shows a coloured diff and lights up Merge.

Made for AI developers

Live terminal hero with Claude Code and Codex tabs, a replay button and an ASCII art sunrise
A live activity grid, what you get, a courses list styled as a terminal and a plan, run, review, merge loop
Pricing for courses, all access and team consulting, plus a blog, FAQ and a weekly newsletter
Every terminal line is editable from labelled controls, explained in the Edit Me guide

Pages included

Home, Courses (CMS) with course pages, Pricing, Blog (CMS) with posts, About, Contact, Edit Me guide, Legal and 404.

Easy to make your own

Rename courses to services for consulting, swap the terminal script for your own workflow and add posts in the CMS. One small component runs the terminal and shows the finished frame by default; everything else is native Framer with responsive layouts for desktop, tablet and phone.

Calm, technical motion

The terminal replays on demand, activity cells pulse softly and the ASCII sun rises behind the hero, all quiet enough to read code alongside.

Ideal for AI coding courses, developer educators, agencies adopting coding agents, dev tool startups, newsletters and technical consultants.

53:[["$","$L56",null,{"post":{"id":"01a13b9a-9b89-768c-9bb1-97c36a82a7a2","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"5455d8ff-947f-4b55-81e7-6ef0d748241f","name":"John Nicholson","slug":"john-nicholson","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5455d8ff-947f-4b55-81e7-6ef0d748241f/t67q94sv","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"75905","resolved":true,"title":"ExpertCode","body":"$57","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"ExpertCode is a free Framer template for AI coding courses, developer consultancies, agent tooling and anyone teaching or selling work with Claude Code, Codex and AI agents. It has a stunning vibe-code feel: warm paper, mono type and a live terminal where an agent types a task, streams its steps, shows a coloured diff and lights up Merge."}]},{"type":"customHeading","content":[{"type":"text","text":"Made for AI developers"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Live terminal hero with Claude Code and Codex tabs, a replay button and an ASCII art sunrise"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A live activity grid, what you get, a courses list styled as a terminal and a plan, run, review, merge loop"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pricing for courses, all access and team consulting, plus a blog, FAQ and a weekly newsletter"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Every terminal line is editable from labelled controls, explained in the Edit Me guide"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Pages included"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Home, Courses (CMS) with course pages, Pricing, Blog (CMS) with posts, About, Contact, Edit Me guide, Legal and 404."}]},{"type":"customHeading","content":[{"type":"text","text":"Easy to make your own"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Rename courses to services for consulting, swap the terminal script for your own workflow and add posts in the CMS. One small component runs the terminal and shows the finished frame by default; everything else is native Framer with responsive layouts for desktop, tablet and phone."}]},{"type":"customHeading","content":[{"type":"text","text":"Calm, technical motion"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"The terminal replays on demand, activity cells pulse softly and the ASCII sun rises behind the hero, all quiet enough to read code alongside."}]},{"type":"paragraph","content":[{"type":"text","text":"Ideal for AI coding courses, developer educators, agencies adopting coding agents, dev tool startups, newsletters and technical consultants."}]}]},"introduction":"AI coding site, live terminal hero","slug":"expertcode","author":{"framerUserId":"5455d8ff-947f-4b55-81e7-6ef0d748241f","name":"John Nicholson","slug":"john-nicholson","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5455d8ff-947f-4b55-81e7-6ef0d748241f/t67q94sv","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5455d8ff-947f-4b55-81e7-6ef0d748241f/01a13b9a-48a4-757f-b6c4-f69eae10c42f.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5455d8ff-947f-4b55-81e7-6ef0d748241f/01a13b9a-4814-7444-9ad5-d345b6fadb82.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5455d8ff-947f-4b55-81e7-6ef0d748241f/01a13b9a-47f2-763a-b4bc-974a49eb982d.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/5455d8ff-947f-4b55-81e7-6ef0d748241f/01a13b9a-4812-7035-810b-d72ab6ae68e6.jpg","metadata":{"tint":{"h":30,"s":41,"l":55},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-14T18:09:09.888Z","updatedAt":"2026-10-14T18:09:09.888Z","publishedAt":"2026-10-14T18:09:09.885Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/cbXAkR4","remixUrl":"https://framer.link/cbXAkR4","previewUrl":"https://expertcode.framer.website/","categories":[{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[{"id":236,"name":"Light","slug":"light"},{"id":109,"name":"Modern","slug":"modern"},{"id":110,"name":"Animated","slug":"animated"}],"mainCategory":{"id":26,"name":"AI","slug":"ai"},"features":[],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-14T18:09:10.537Z","updatedAt":"2026-10-14T18:09:10.537Z","reported":false,"type":"post"}}],"$L58"]

Suggested for you