https://ascii-readme.vercel.app/

1<!DOCTYPE html><html lang="en" class="excalifont_e870c11d-module__bouLoG__variable jetbrains_mono_c302529-module__OsiXdW__variable h-full antialiased"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/immutable/media/70bc3e132a0a741e-s.p.269kn9uafm0ti.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/immutable/media/Excalifont_Regular-s.p.1zjxr8xzrvhob.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/immutable/chunks/2ym0e3melnzsd.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/immutable/chunks/09kacu3ovxwbs.js"/>

1<script src="/_next/static/immutable/chunks/031kdmkvgerpc.js" async=""></script>

1<script src="/_next/static/immutable/chunks/1z0hs581fg6py.js" async=""></script>

1<script src="/_next/static/immutable/chunks/turbopack-0mv5re83_kkrn.js" async=""></script>

1<script src="/_next/static/immutable/chunks/2corl6wyj4669.js" async="" crossorigin=""></script>

1<script src="/_next/static/immutable/chunks/2kw7pjqc3ov9y.js" async="" crossorigin=""></script>

1<script src="/_next/static/immutable/chunks/158zgqj5v23v5.js" async="" crossorigin=""></script>

1<title>Ascii ReadMe - GitHub Profile README Maker</title><meta name="description" content="Turn your photo into ASCII art and create a neofetch-style GitHub profile README. Fully client-side and privacy-friendly."/><link rel="icon" href="/favicon.ico?favicon.3fpu2ql9ns1a0.ico" sizes="256x256" type="image/x-icon"/><meta name="next-size-adjust" content=""/>

1<script src="/_next/static/immutable/chunks/0c0hxoamwjsbw.js" noModule=""></script>

1</head><body class="min-h-full flex flex-col bg-terminal-bg font-sans text-terminal-text"><div hidden=""><!--$--><!--/$--></div><header class="border-b border-terminal-border bg-terminal-bg"><div class="mx-auto flex max-w-[1440px] items-center justify-between gap-4 px-4 py-4 sm:px-6"><h1 class=" text-xl font-bold tracking-tight text-terminal-text sm:text-2xl">ASCII <span class="text-terminal-accent">Readme</span></h1><a href="https://github.com/talhaeser-7/ascii-readme" target="_blank" rel="noreferrer" aria-label="Star this project on GitHub. Current star count: —" class="group inline-flex h-10 cursor-pointer items-center overflow-hidden rounded-[17px_20px_16px_19px] border border-[#4c4b57] bg-[#18181c] font-sans text-sm text-terminal-text shadow-[2px_3px_0_rgba(0,0,0,0.22)] transition-[border-color,color,transform] [transform:rotate(-0.35deg)] hover:border-white/35 hover:text-white hover:[transform:translateY(-1px)_rotate(-0.7deg)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white/80"><span class="flex items-center gap-2 px-3.5"><svg viewBox="0 0 24 24" class="h-4 w-4 text-[#a5b4fc]" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M 12 3.2 L 14.6 8.6 L 20.5 9.5 L 16.2 13.7 L 17.2 19.6 L 12 16.8 L 6.7 19.5 L 7.8 13.7 L 3.5 9.6 L 9.4 8.7 Z"></path><path d="M 11.8 4.1 L 14.1 9.2 L 19.5 10.1" opacity="0.45"></path></svg><span>Star</span></span><span class="flex h-full min-w-12 items-center justify-center border-l border-[#4c4b57] bg-white/[0.025] px-3 font-mono text-xs text-terminal-muted transition-colors group-hover:text-terminal-text">—</span></a></div></header><main class="hero-shell relative isolate min-h-[calc(100svh-73px)] overflow-hidden workspace-page-enter"><div class="hero-grid-pattern absolute inset-0 -z-30"></div><div class="hero-orb hero-orb-left absolute -z-20"></div><div class="hero-orb hero-orb-right absolute -z-20"></div><div class="mx-auto grid min-h-[calc(100svh-73px)] w-full max-w-[1440px] items-center gap-4 px-4 py-8 sm:px-6 lg:grid-cols-[minmax(0,0.88fr)_minmax(520px,1.12fr)] lg:gap-0 lg:py-0"><section class="relative z-20 flex flex-col justify-center py-6 lg:py-14"><h2 class="max-w-[680px] text-balance font-sans text-[clamp(3.25rem,6.4vw,6.7rem)] font-medium leading-[0.86] tracking-[-0.055em] text-white">Make your profile<span class="hero-title-accent block">impossible to skip.</span></h2><p class="mt-7 max-w-xl text-pretty font-mono text-sm leading-7 text-terminal-muted sm:text-base">Turn your photo and GitHub data into a living ASCII README. No templates that look like everyone else. Just your face, your work, and your terminal energy.</p><div class="mt-8 max-w-xl"><div class="rounded-[20px_24px_18px_22px] p-1 sm:p-1"><div class="mb-3"><h2 class="font-mono text-[10px] uppercase tracking-[0.19em] text-[#a5b4fc]"></h2></div><div class="flex flex-col gap-3 sm:flex-row"><div class="relative flex-1"><input class="w-full rounded-[18px_22px_16px_20px] border border-[#4b4b56] bg-[#19191d] px-4 py-3 font-sans text-sm text-terminal-text shadow-[0_1px_0_rgba(255,255,255,0.04)_inset,0_0_0_1px_rgba(255,255,255,0.02),2px_3px_0_rgba(0,0,0,0.16)] placeholder:text-terminal-muted/75 transition-[border-color,box-shadow,transform,border-radius] [transform:rotate(-0.2deg)] focus:rounded-[20px_16px_22px_18px] focus:border-white/80 focus:outline-none focus:ring-0 focus:[transform:rotate(0deg)] h-12 bg-[#151519]/90 px-4 font-mono" placeholder="GitHub Username" aria-label="GitHub username" value=""/></div><button type="button" class="inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 rounded-[18px_22px_16px_20px] font-sans font-medium transition-[color,background-color,border-color,box-shadow,transform,filter,border-radius] [transform:rotate(-0.6deg)] hover:[transform:translate(-1px,-1px)_rotate(-1deg)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white/80 active:[transform:translate(0,1px)_rotate(-0.2deg)] disabled:cursor-not-allowed disabled:opacity-40 disabled:hover:[transform:rotate(-0.6deg)] border border-[#8b88ef] bg-terminal-accent text-white shadow-[2px_3px_0_rgba(46,43,114,0.34),0_12px_24px_rgba(105,101,219,0.24)] h-12 px-4.5 text-sm h-12 shrink-0 px-6" disabled="">Fetch profile</button></div></div></div><div class="mt-7 flex flex-wrap gap-x-6 gap-y-3 font-mono text-[10px] uppercase tracking-[0.17em] text-terminal-muted"><span class="hero-feature">Browser only</span><span class="hero-feature">No API keys</span><span class="hero-feature">README ready</span></div></section><section class="relative z-10 min-h-[430px] lg:min-h-[calc(100svh-73px)]"><div class="absolute inset-[-8%_-14%_-4%_-10%] lg:inset-[-2%_-10%_-2%_-12%]"><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><div class="ascii-hero-loader h-full min-h-[420px] lg:min-h-[620px]"></div><!--/$--></div><div class="pointer-events-none absolute right-2 top-4 z-20 hidden items-center gap-2 font-mono text-[10px] uppercase tracking-[0.18em] text-terminal-muted sm:flex lg:right-8 lg:top-10"><span class="h-px w-10 bg-[#6965db]"></span>

1Drag to rotate</div><div class="hero-coordinate pointer-events-none absolute bottom-5 right-2 z-20 hidden font-mono text-[10px] uppercase tracking-[0.16em] text-terminal-muted sm:block lg:bottom-10 lg:right-8">ASCII / LIVE / 001</div></section></div><div class="pointer-events-none absolute bottom-0 left-0 right-0 z-30 hidden border-t border-white/8 bg-[#121212]/70 px-6 py-3 backdrop-blur-md lg:block"><div class="mx-auto flex max-w-[1440px] items-center justify-between font-mono text-[10px] uppercase tracking-[0.22em] text-terminal-muted/75"><span>Photo</span><span class="text-[#6965db]">-&gt;</span><span>ASCII portrait</span><span class="text-[#6965db]">-&gt;</span><span>GitHub data</span><span class="text-[#6965db]">-&gt;</span><span>Your README</span></div></div></main><!--$--><!--/$-->

1<script src="/_next/static/immutable/chunks/09kacu3ovxwbs.js" id="_R_" async=""></script>

1<script>(self.__next_f=self.__next_f||[]).push([0])</script>

1<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[39756,[\"/_next/static/immutable/chunks/2corl6wyj4669.js\"],\"default\"]\n3:I[37457,[\"/_next/static/immutable/chunks/2corl6wyj4669.js\"],\"default\"]\n4:I[35119,[\"/_next/static/immutable/chunks/2corl6wyj4669.js\",\"/_next/static/immutable/chunks/2kw7pjqc3ov9y.js\",\"/_next/static/immutable/chunks/158zgqj5v23v5.js\"],\"default\"]\n5:I[97367,[\"/_next/static/immutable/chunks/2corl6wyj4669.js\"],\"OutletBoundary\"]\n6:\"$Sreact.suspense\"\n8:I[97367,[\"/_next/static/immutable/chunks/2corl6wyj4669.js\"],\"ViewportBoundary\"]\na:I[97367,[\"/_next/static/immutable/chunks/2corl6wyj4669.js\"],\"MetadataBoundary\"]\nc:I[68027,[\"/_next/static/immutable/chunks/2corl6wyj4669.js\"],\"default\",1]\n:HL[\"/_next/static/immutable/chunks/2ym0e3melnzsd.css\",\"style\"]\n:HL[\"/_next/static/immutable/media/70bc3e132a0a741e-s.p.269kn9uafm0ti.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/immutable/media/Excalifont_Regular-s.p.1zjxr8xzrvhob.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n0:{\"P\":null,\"c\":[\"\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{},\"$undefined\",\"$undefined\",4608]},\"$undefined\",\"$undefined\",4624],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/immutable/chunks/2ym0e3melnzsd.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/immutable/chunks/2corl6wyj4669.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"excalifont_e870c11d-module__bouLoG__variable jetbrains_mono_c302529-module__OsiXdW__variable h-full antialiased\",\"children\":[\"$\",\"body\",null,{\"className\":\"min-h-full flex flex-col bg-terminal-bg font-sans text-terminal-text\",\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$L4\",null,{}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/immutable/chunks/2kw7pjqc3ov9y.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/immutable/chunks/158zgqj5v23v5.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L5\",null,{\"children\":[\"$\",\"$6\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@7\"}]}]]}],{},null,false,null]},null,false,null],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L8\",null,{\"children\":\"$L9\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$La\",null,{\"children\":[\"$\",\"$6\",null,{\"name\":\"Next.Metadata\",\"children\":\"$Lb\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$c\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/immutable/chunks/2ym0e3melnzsd.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]]],\"S\":true,\"h\":null,\"r\":\"$undefined\",\"s\":\"$undefined\",\"a\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"oFYEidC3bkWDeh5hvfras\"}\n9:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\nd:I[27201,[\"/_next/static/immutable/chunks/2corl6wyj4669.js\"],\"IconMark\"]\n7:null\nb:[[\"$\",\"title\",\"0\",{\"children\":\"Ascii ReadMe - GitHub Profile README Maker\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Turn your photo into ASCII art and create a neofetch-style GitHub profile README. Fully client-side and privacy-friendly.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.3fpu2ql9ns1a0.ico\",\"sizes\":\"256x256\",\"type\":\"image/x-icon\"}],[\"$\",\"$Ld\",\"3\",{}]]\n"])</script>

1</body></html>