glass
Default dark glassmorphism. The card everyone starts with.
One script tag. Five beautiful widgets. No build step. No React. No dependencies. Drop it into your GitHub README, your personal site, or your portfolio. Free forever.
It's the small card you see on a developer's profile — showing how many stars they have, what languages they use, how consistent their commits are. Most developer portfolios use one to prove they actually ship code.
Engive is ours: a free, embeddable GitHub widget you can drop on your personal site, GitHub README, or blog. One script tag. No build step. No API key. No server to run. Works everywhere — static sites, READMEs, emails.
If you don't write code, that's fine — share a developer you admire. The card looks great on any site.
What you see on a developer card
All data is fetched from GitHub's public API and cached at the edge for an hour. No personal data is stored.
Every preset is a complete settings bundle — colors, fonts, borders, gradient, glow. Click any card to open it in the playground where you can tweak any token before publishing.
Default dark glassmorphism. The card everyone starts with.
Five widgets, one script tag, one set of themes. Use any combination in your README — they all share the same cache, CORS, and theme system.
One script tag, one host div. The card renders synchronously after the API responds. No build step on your site, no React, no dependencies.
<script src="https://www.ankurhalder.com/widget/embed.js" data-username="ankurhalder" data-engive-widget="loader" defer></script> <div class="engive-github-widget" data-widget="developer-card"></div>
Any public GitHub handle. We'll fetch the live stats.
Or open the full playground to customize every token.
<script src="https://www.ankurhalder.com/widget/embed.js" defer></script>
<div class="engive-github-widget"
data-widget="developer-card"
data-username="ankurhalder"
data-config="eyJ0aGVtZSI6ImdsYXNzLWRhcmsiLCJiYWNrZ3JvdW5kQ29sb3IiOiIjMGQxMTE3IiwiYWNjZW50Q29sb3IiOiIjNThhNmZmIiwidGV4dENvbG9yIjoiI2U2ZWRmMyIsInRleHRNdXRlZENvbG9yIjoicmdiYSgyMzAsIDIzNywgMjQzLCAwLjYpIiwiYm9yZGVyQ29sb3IiOiJyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMDgpIiwiYm9yZGVyUmFkaXVzIjoxNCwiYm9yZGVyV2lkdGgiOjEsImZvbnRGYW1pbHkiOiItYXBwbGUtc3lzdGVtLCBCbGlua01hY1N5c3RlbUZvbnQsICdTZWdvZSBVSScsIHN5c3RlbS11aSwgc2Fucy1zZXJpZiIsInNob3dGb290ZXIiOnRydWUsInNoYWRvd0dsb3ciOmZhbHNlLCJjYXJkV2lkdGgiOjMyMCwiZm9udFNpemUiOjE0LCJhdmF0YXJTaGFwZSI6ImNpcmNsZSIsImNhcmRQYWRkaW5nIjoxOCwiYmdHcmFkaWVudEVuZCI6IiIsImdyYWRpZW50QW5nbGUiOjEzNSwiYm9yZGVyU3R5bGUiOiJzb2xpZCIsInNob3dDb21taXRzIjp0cnVlLCJzaG93U3RhcnMiOnRydWUsInNob3dTdHJlYWsiOnRydWUsInNob3dMYW5ndWFnZXMiOnRydWUsImVuYWJsZUhvdmVyVGlsdCI6ZmFsc2V9"></div>Drop this in any HTML, README, or blog post.
Live preview
Real GitHub users, real stats, real themes. Every card below is a live embed of the actual widget on someone's profile.
If the widget earned you a job offer, a freelance gig, or just brightened your README — drop the badge. It links back here. Free, optional, 180×32.
<!-- Powered by Engive -->
<a href="https://www.ankurhalder.com/widget" target="_blank" rel="noopener noreferrer">
<img src="https://www.ankurhalder.com/widget/powered-by.svg"
alt="Powered by Engive"
width="180"
height="32" />
</a>No React. No dependencies. Loads in under 100ms on a 3G connection and renders synchronously after the API responds.
Developer Card, Top Languages, Streak Stats, Repo Showcase, Contribution Graph. All themeable. All cached at the edge for an hour.
The cards use the same glass-morphism aesthetic as ankurhalder.com's Developer Chronicle. Every pixel intentional. Every preset curated.
We are constantly evolving. Here is what is active and planned:
Open the playground, pick a theme, copy the embed code. Free for everyone, forever.
Cyberpunk pink, dashed border, hover tilt. High-energy.
Clean light theme with green accent. For paper-style READMEs.
Dracula palette — purple/pink, monospace font, square avatar.
Slate gradient with cyan accent, rounded avatar.
Catppuccin Mocha — soft pastels on warm dark.
Solarized Light — paper-on-cream, low contrast.