5e:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/00zhqb0zqgnk3.js","/creators-assets/_next/static/immutable/chunks/415hvdruki4ud.js","/creators-assets/_next/static/immutable/chunks/3_vedwwik9kwx.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1ktf0sm5sxqup.js","/creators-assets/_next/static/immutable/chunks/1dzfckym0nghc.js","/creators-assets/_next/static/immutable/chunks/1vr_3-vdcf0mn.js","/creators-assets/_next/static/immutable/chunks/1cuuzi60s_xh3.js","/creators-assets/_next/static/immutable/chunks/1e4nq30y40mt7.js","/creators-assets/_next/static/immutable/chunks/0ccg8j7qcn1bd.js","/creators-assets/_next/static/immutable/chunks/1gop2naj8q_bx.js","/creators-assets/_next/static/immutable/chunks/0a1gpscfztyde.js","/creators-assets/_next/static/immutable/chunks/2k_aekaeyljm2.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/3-aog2q7la1hs.js","/creators-assets/_next/static/immutable/chunks/41lhc7ix2xugk.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/0mxxs4-__ynew.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/43klns5g0wl80.js","/creators-assets/_next/static/immutable/chunks/1o0ogv90oxalc.js","/creators-assets/_next/static/immutable/chunks/10ydirfi9qu21.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3q5d1avmchlp0.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/149w-u4or12up.js","/creators-assets/_next/static/immutable/chunks/1kws7r6etoq5-.js","/creators-assets/_next/static/immutable/chunks/13mks9ztnefhj.js","/creators-assets/_next/static/immutable/chunks/17pioewhhzr_j.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/2p4sqhvmasp9s.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/3lqyfto2688hr.js","/creators-assets/_next/static/immutable/chunks/3fr1ev83fgwky.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/0g9mmnya96tz6.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/2ee50z0bknh40.js","/creators-assets/_next/static/immutable/chunks/0rfcd366io6r9.js","/creators-assets/_next/static/immutable/chunks/3um5ae_udgvki.js","/creators-assets/_next/static/immutable/chunks/2jl0sg8984bmg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/2zlizmh1083ez.js"],"PostDetailCard"] 5f:T5f3,

Localhost: a terminal-style portfolio template for developers

Localhost is a single-page portfolio for software engineers who'd rather show their work than describe it. The whole page reads like a shell session: a sam@localhost ~/who-is-this header, a whoami intro with a typewriter line, and your projects listed as if you'd run ls ./things-i-made.

What's included

Typewriter intro that cycles through short lines about you
Project list with a hover state that reveals a second line of copy, so each row can hold a description and a punchline
Contact section styled as cat contact.txt, with rows for email, GitHub, Bluesky, LinkedIn and résumé
Light and dark themes with a built-in toggle. Both modes have been checked for contrast, including the hover states.
Hidden easter egg: type the Konami code and the accent colour changes
Responsive layout for desktop, tablet and phone

Easy to make your own

All colours are colour styles, so one accent change restyles the whole site.
Text uses shared text styles, set in JetBrains Mono.
Project rows are a reusable component with fields for name, blurb, hover blurb, meta and link. Duplicate a row, change the text and paste in your link.

Who it's for: developers, engineers, indie hackers and anyone who wants a quiet, fast personal site with some personal

5b:[["$","$L5e",null,{"post":{"id":"01a0ee83-b5ca-76ac-a233-48ec5327a8f6","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2c3affd5-a499-4e2c-a550-45b43df1b90e","name":"Webdork Templates","slug":"webdork","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2c3affd5-a499-4e2c-a550-45b43df1b90e/h4fp5lzn","followed":false,"followsYou":false},"media":[],"resources":[{"id":"74276","resolved":true,"title":"localhost","body":"$5f","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Localhost: a terminal-style portfolio template for developers"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Localhost is a single-page portfolio for software engineers who'd rather show their work than describe it. The whole page reads like a shell session: a sam@localhost ~/who-is-this header, a "},{"type":"text","text":"whoami","marks":[{"type":"code"}]},{"type":"text","text":" intro with a typewriter line, and your projects listed as if you'd run ls ./things-i-made."}]},{"type":"customHeading","content":[{"type":"text","text":"What's included"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Typewriter intro that cycles through short lines about you"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Project list with a hover state that reveals a second line of copy, so each row can hold a description and a punchline"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Contact section styled as cat contact.txt, with rows for email, GitHub, Bluesky, LinkedIn and résumé"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Light and dark themes with a built-in toggle. Both modes have been checked for contrast, including the hover states."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hidden easter egg: type the Konami code and the accent colour changes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive layout for desktop, tablet and phone"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Easy to make your own"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"All colours are colour styles, so one accent change restyles the whole site."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Text uses shared text styles, set in JetBrains Mono."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Project rows are a reusable component with fields for name, blurb, hover blurb, meta and link. Duplicate a row, change the text and paste in your link."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Who it's for: developers, engineers, indie hackers and anyone who wants a quiet, fast personal site with some personal"}]}]},"introduction":"A terminal styled developer page","slug":"localhost","author":{"framerUserId":"2c3affd5-a499-4e2c-a550-45b43df1b90e","name":"Webdork Templates","slug":"webdork","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2c3affd5-a499-4e2c-a550-45b43df1b90e/h4fp5lzn","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2c3affd5-a499-4e2c-a550-45b43df1b90e/01a0ee80-7a58-714c-ad04-a402101818d2.png","metadata":{"tint":{"h":0,"s":0,"l":33},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2c3affd5-a499-4e2c-a550-45b43df1b90e/01a0ee81-ab3c-718a-9519-47499bd75aec.png","metadata":{"tint":{"h":0,"s":0,"l":16},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-29T18:53:23.662Z","updatedAt":"2026-09-29T18:54:36.604Z","publishedAt":"2026-09-29T18:53:23.658Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"9","paymentUrl":"https://webdork.lemonsqueezy.com/checkout/buy/12f30a98-8ab7-45ac-ba36-eef2f680ba08","remixUrl":null,"previewUrl":"https://localhosttemplate.framer.website/","categories":[],"styles":[{"id":261,"name":"Typographic","slug":"typographic"},{"id":111,"name":"Minimal","slug":"minimal"}],"mainCategory":{"id":19,"name":"Portfolio","slug":"portfolio"},"features":[{"id":36,"name":"3D Transforms","slug":"3d-transforms"}],"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-09-29T18:53:24.298Z","updatedAt":"2026-09-29T18:53:24.298Z","reported":false}}],"$L60"]

Suggested for you