GitAscii is a platform for creating premium GitHub Profile READMEs using customizable SVGs and a visual editor. Think of it as Canva for your GitHub profile.

Yes! GitAscii is completely free and open source under the MIT License.

How does live SVG rendering work?

Instead of uploading static images to GitHub, you embed a URL that points to our servers. We generate your SVG on-the-fly with your latest GitHub data, so your profile is always up to date.

What is ASCII Art conversion?

Our ASCII Art Engine converts any image (like your GitHub avatar) into stunning character-based art using configurable character sets, density, and color options.

[ DYNAMIC SVG ENGINE & WIDGET SHOWCASE ]

Dynamic GitHub Profile Widgets

Name: GitAscii
Author: GitAscii

Embed vector SVG widgets that render real-time statistics, language distributions, contribution streaks, and ASCII banners directly on GitHub.

Key Technical Advantages

• Zero Build Step: Copy the generated Markdown URL directly into your README.md.
• Global Serverless Edge: Rendered on Vercel Edge functions with 4-hour automatic caching.
• High-DPI Vector Crispness: Scalable vector graphics that stay razor-sharp on Retina displays.
• Open Source & Transparent: Complete source code available under MIT on GitHub.

[ LIVE INTERACTIVE PLAYGROUND ]

Test Live SVG Widgets with Any GitHub Username

Type a username to see how GitAscii live endpoints generate dynamic SVGs for your profile.

GitAscii Native

Native Widgets

Built and maintained by GitAscii. Full editor integration, live SVG rendering, and automatic theme adaptation.

5 widgets

SVG WidgetView Source Code ↗

GitHub Live Stats Card

Calculates total commits, stars earned, PRs merged, issues closed, and repository count directly from GitHub API in real time.

• Real-time GraphQL calculation• Automatic caching (4h TTL)• 13+ dark/light theme presets

![Stats](${APP_URL}/api/Igorcbraz)

[ LIVE PREVIEW ]

View Docs & API Params Edit in Visual Builder

SVG WidgetView Source Code ↗

Contribution Streak Counter

Displays active daily contribution streak, longest streak, and total contributions over the past year with vector streak flame icons.

• Counts public & private commits• Dynamic flame icons• High DPI scalable vector output

![Streak](${APP_URL}/api/Igorcbraz?widget=streak)

[ LIVE PREVIEW ]

View Docs & API Params Edit in Visual Builder

SVG WidgetView Source Code ↗

Top Languages Breakdown

Visual breakdown of your most used programming languages across public repositories with color-coded percentage progress bars.

• GraphQL repo language bytes• Color-coded ecosystem bars• Filterable repo counts

![Languages](${APP_URL}/api/Igorcbraz?widget=languages)

[ LIVE PREVIEW ]

View Docs & API Params Edit in Visual Builder

ASCII EngineView Source Code ↗

Image-to-ASCII Art Banner

Converts user avatar or custom uploaded artwork into character-based text grids with configurable character sets and color density.

• Custom character density mapping• High-contrast edge detection• Dynamic lime accent colors

![ASCII](${APP_URL}/api/Igorcbraz?widget=ascii)

[ LIVE PREVIEW ]

View Docs & API Params Edit in Visual Builder

Shields BadgeView Source Code ↗

Tech Stack Badges

Customizable technology badges with official brand logos, background fills, custom labels, and clean SVG rendering.

• 500+ technology brand logos• Shields.io schema compatibility• Responsive horizontal flex layout

![Stack](${APP_URL}/api/Igorcbraz?widget=stack)

[ LIVE PREVIEW ]

View Docs & API Params Edit in Visual Builder

Third-Party

External Widgets

Community-built widgets integrated into GitAscii Editor. These are open-source projects maintained by their respective authors.

11 integrations

External WidgetView Source Code ↗

GitHub Readme Stats

Estatísticas, top linguagens & repos fixados

• Live SVG Rendering• Editor Integration• Dynamic Theme Support

![GitHub Readme Stats](https://gitascii.com/api/Igorcbraz?widgets=github-readme-stats)

[ LIVE PREVIEW ]

View Docs & API Params Edit in Visual Builder

External WidgetView Source Code ↗

GitHub Streak Stats

Sequência e recorde de contribuições

• Live SVG Rendering• Editor Integration• Dynamic Theme Support

![GitHub Streak Stats](https://gitascii.com/api/Igorcbraz?widgets=streak-stats)

[ LIVE PREVIEW ]

View Docs & API Params Edit in Visual Builder

External WidgetView Source Code ↗

GitHub Profile Trophy

Troféus e conquistas do perfil

• Live SVG Rendering• Editor Integration• Dynamic Theme Support

![GitHub Profile Trophy](https://gitascii.com/api/Igorcbraz?widgets=profile-trophy)

[ LIVE PREVIEW ]

View Docs & API Params Edit in Visual Builder

External WidgetView Source Code ↗

Activity Graph

Gráfico de linhas de atividade em 31 dias

• Live SVG Rendering• Editor Integration• Dynamic Theme Support

![Activity Graph](https://gitascii.com/api/Igorcbraz?widgets=activity-graph)

[ LIVE PREVIEW ]

View Docs & API Params Edit in Visual Builder

External WidgetView Source Code ↗

Contribution Snake

Cobra animada comendo os blocos de commit

• Live SVG Rendering• Editor Integration• Dynamic Theme Support

![Contribution Snake](https://gitascii.com/api/Igorcbraz?widgets=contribution-snake)

[ LIVE PREVIEW ]

View Docs & API Params Edit in Visual Builder

External WidgetView Source Code ↗

Metrics Card

Infográfico avançado de métricas e hábitos

• Live SVG Rendering• Editor Integration• Dynamic Theme Support

![Metrics Card](https://gitascii.com/api/Igorcbraz?widgets=metrics-card)

[ LIVE PREVIEW ]

View Docs & API Params Edit in Visual Builder

External WidgetView Source Code ↗

Profile Views Counter

Contador de visitas ao perfil GitHub

• Live SVG Rendering• Editor Integration• Dynamic Theme Support

![Profile Views Counter](https://gitascii.com/api/Igorcbraz?widgets=views-counter)

[ LIVE PREVIEW ]

View Docs & API Params Edit in Visual Builder

External WidgetView Source Code ↗

GitHub Readme Quotes

Citação diária para desenvolvedores

• Live SVG Rendering• Editor Integration• Dynamic Theme Support

![GitHub Readme Quotes](https://gitascii.com/api/Igorcbraz?widgets=readme-quotes)

[ LIVE PREVIEW ]

View Docs & API Params Edit in Visual Builder

External WidgetView Source Code ↗

Awesome Profile Badge

Badge de destaque para perfis incríveis

• Live SVG Rendering• Editor Integration• Dynamic Theme Support

![Awesome Profile Badge](https://gitascii.com/api/Igorcbraz?widgets=awesome-badge)

[ LIVE PREVIEW ]

View Docs & API Params Edit in Visual Builder

External WidgetView Source Code ↗

GitFest

Festival lineup of your repos

• Live SVG Rendering• Editor Integration• Dynamic Theme Support

![GitFest](https://gitascii.com/api/Igorcbraz?widgets=gitfest-lineup)

[ LIVE PREVIEW ]

View Docs & API Params Edit in Visual Builder

External WidgetView Source Code ↗

GHStats.dev

GitHub Stats Cards from ghstats.dev

• Live SVG Rendering• Editor Integration• Dynamic Theme Support

![GHStats.dev](https://gitascii.com/api/Igorcbraz?widgets=ghstats)

[ LIVE PREVIEW ]

View Docs & API Params Edit in Visual Builder

External widgets are third-party projects. GitAscii provides editor integration only.

[ OPEN SOURCE ATTRIBUTION & ACKNOWLEDGEMENTS ]

Powered by the Open Source Ecosystem

GitAscii stands on the shoulders of incredible open-source projects, APIs, and standard libraries.

Shields.io

Website

Concise, consistent vector badges and logo schema standards for GitHub profile READMEs.

License: CC0-1.0 / MIT

github-readme-stats

Website

Dynamically generated GitHub stats cards and language breakdown SVG specifications.

License: MIT License

github-readme-streak-stats

Website

Contribution streak tracking algorithms and vector streak counter designs.

License: MIT License

Simple Icons

Website

SVG brand vector icons for popular software development tools, frameworks, and languages.

License: CC0-1.0