social-preview

KO | EN

gitlite — search

#python #javascript #reactjs #react #docker #deep-learning #machine-learning #typescript #css #hacktoberfest #php #dotnet

★ 64 Open GitHub ↗

:octocat: Generate a stylish meta (social media) preview for your own GitHub repository. A different image is generated for every repository. Use your Github-assigned language colors too!

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# ⚠️ GitHub has started to make [their own dynamic meta images](https://github.blog/changelog/2021-04-21-opengraph-images-for-github-repositories-commits-issues-and-pull-requests/), this project is being discontinued and archived.

<h1 align="center">
  GitHub Social Preview
</h1>

<h3 align="center">
Generate a stylish meta social preview for your GitHub repository
</h3>

## Welcome

On [April 16th, 2019](https://github.blog/changelog/2019-04-16-repository-social-media-image/) GitHub released repository social media image functionality. Since then it's gone widely unused by small-scale projects and meta data remains the owner (or organization) avatar image instead.

This web app makes it dead simple to put in your username (or organization name) and the repository, then download an image that blends in with the branding of GitHub already. Zero effort and stylish.

## Support this project

Like all good software engineers I accept payments in dollars and _exposure_!

[![This Repository uses a generated Social Preview from @pqt/social-preview](https://img.shields.io/badge/%E2%9C%93-Social%20Preview-blue)](https://github.com/pqt/social-preview)

You can pop this bad boy on your repository free of charge. It's a small nod to the work put into this project, and will make me feel all warm and fuzzy inside when I search around and see who might be using a generated social preview on their projects.

```
[![This Repository uses a generated Social Preview from @pqt/social-preview](https://img.shields.io/badge/%E2%9C%93-Social%20Preview-blue)](https://github.com/pqt/social-preview)
```

or **HTML:**

```html
<a href="https://github.com/pqt/social-preview">
  <img
    src="https://img.shields.io/badge/%E2%9C%93-Social%20Preview-blue"
    alt="This Repository uses a generated Social Preview from @pqt/social-preview"
  />
</a>
```

If you prefer the money route my [GitHub Sponsors](https://github.com/sponsors/pqt) page is always an appreciated alternative method of support.

## License

MIT

social-preview

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README