KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #typescript #developer-tools #claude-code #ai-agent #codex #deepseek-harness #ai-agents #cli #react #mcp

x-cards

★ 222 Open GitHub ↗

Easy share X anywhere,in any format

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<div align="center">
<img src="assets/icon.png" width="32" >
<h1>X Cards</h1>

[English](README.md) | [中文](README_ZH.md)

[![x-cards intro](https://img.youtube.com/vi/v8iQV8ZoVBk/0.jpg)](https://youtu.be/okCIZrFrTCE)

easy to use x-cards in x.com

[![][vercel-shield]][vercel-link]

[![][share-x-shield]][share-x-link]
[![][share-whatsapp-shield]][share-whatsapp-link]
[![][share-reddit-shield]][share-reddit-link]
[![][share-weibo-shield]][share-weibo-link]

[![][share-linkedin-shield]][share-linkedin-link]

[github-issues-link]: https://github.com/hzeyuan/x-cards/issues
[github-contributors-shield]: https://img.shields.io/github/contributors/hzeyuan/OpenGPTS?color=c4f042&labelColor=black&style=flat-square
[github-contributors-link]: https://github.com/hzeyuan/OpenGPTS/graphs/contributors
[vercel-link]: https://x-cards.net
[vercel-shield]: https://img.shields.io/website?down_message=offline&label=vercel&labelColor=black&logo=vercel&style=flat-square&up_message=online&url=https://x-cards.net
[share-linkedin-link]: https://linkedin.com/feed
[share-linkedin-shield]: https://img.shields.io/badge/-share%20on%20linkedin-black?labelColor=black&logo=linkedin&logoColor=white&style=flat-square
[share-reddit-link]: https://www.reddit.com/submit?title=x-cards&url=https://github.com/hzeyuan/x-cards
[share-reddit-shield]: https://img.shields.io/badge/-share%20on%20reddit-black?labelColor=black&logo=reddit&logoColor=white&style=flat-square
[share-telegram-link]: https://t.me/share/url?text=x-cards&url=https://github.com/hzeyuan/x-cards
[share-telegram-shield]: https://img.shields.io/badge/-share%20on%20telegram-black?labelColor=black&logo=telegram&logoColor=white&style=flat-square
[share-weibo-link]: http://service.weibo.com/share/share.php?sharesource=weibo&title=x-cards
[share-weibo-shield]: https://img.shields.io/badge/-share%20on%20weibo-black?labelColor=black&logo=sinaweibo&logoColor=white&style=flat-square
[share-whatsapp-link]: https://api.whatsapp.com/send?text=x-cards
[share-whatsapp-shield]: https://img.shields.io/badge/-share%20on%20whatsapp-black?labelColor=black&logo=whatsapp&logoColor=white&style=flat-square
[share-x-link]: https://x.com/intent/tweet?hashtags=chatbot%2CchatGPT%2CopenAI&url=https://github.com/hzeyuan/x-cards
[share-x-shield]: https://img.shields.io/badge/-share%20on%20x-black?labelColor=black&logo=x&logoColor=white&style=flat-square

</div>

⚡ **X Cards** Share Tweet anywhere ,any format,

## Project Background

X is a source of information for many platforms，So this project came into being

## Changelog

* Performance Optimization: Utilized web workers for image generation, addressing issues with blank spaces on X.com after scrolling down.
* Enhanced Padding Settings: Added the ability to adjust padding within the card for better layout control.
* Image Quality Settings: Introduced options to set the quality of generated images for export.
* Markdown Export: Now supports exporting content in Markdown format for easy integration into documentation or blogs.
* Font Size Adjustment: Added support for modifying font sizes to improve readability and customization.
* Interaction Optimization: After installing the plugin or clicking the icon, redirect to the welcome page.

![Download Extension](https://raw.githubusercontent.com/hzeyuan/x-cards/master/assets/v0.02-demo.jpg)

</details>

- Added real-time preview feature, now a toast in the upper right corner allows you to observe the generated card.

- Introduced customization for card background color.

- Customizable card width.

- Improved: Now clicking defaults to copying the image, rather than downloading the image.

- Fixed the issue of unable to fetch cover image for videos.

- Added support for fetching continuous posts.

- Enabled dynamic addition, deletion, dragging, and management of posts.

![Download Extension](https://raw.githubusercontent.com/hzeyuan/x-cards/master/assets/v0.02-demo.jpg)

</details>

- Easy to access, just a simple click away.
- Obtain videos, images, text, likes。
- Export in multiple formats, including JSON, Markdown, PNG, JPEG, and SVG.

</details>

## features

- Added real-time preview feature, now a toast in the upper right corner allows you to observe the generated card.

- Introduced customization for card background color.

- Customizable card width.

- Improved: Now clicking defaults to copying the image, rather than downloading the image.

- Fixed the issue of unable to fetch cover image for videos.

- Added support for fetching continuous posts.

- Enabled dynamic addition, deletion, dragging, and management of posts.

<br/>

## How to Use

### [chrome web Store](https://chromewebstore.google.com/detail/x-card/mbinooofmcjhjklihfejnkkebffceeop)

## or

1. Download Extension

![Download Extension](https://raw.githubusercontent.com/hzeyuan/x-cards/master/assets/install_guide/1.download.png)

2. url input:chrome://extensions/ in your chrome browser, and open the developer mode

3. unzip and Drag the extension file to the page

![Drag the extension file to the page](https://raw.githubusercontent.com/hzeyuan/x-cards/master/assets/install_guide/2.install.png)

4. open x.com and browse the post, you will find your card button in the bottom right corner

## Development Guide

1. The project uses the Plasmo framework for rapid Chrome extension development.
2. Uses Next.js for frontend development.
3. Tailwind CSS and Shadcn as CSS frameworks.
4. Langchain for developing agents.
5. Deployed on Vercel.

Local development:

```bash
pnpm install

# Run frontend
npm run dev:next
# Run plugin
npm run dev:plasmo
```

## Starchart

[![Star History Chart](https://api.star-history.com/svg?repos=hzeyuan/x-cards&type=Date)](https://star-history.com/#hzeyuan/x-cards&Date)

x-cards

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README