# Realtime GitHub Readme Tweets

Hey now you can integrate your tweets into github readme in realtime. I have created a api which will fetch your tweets and give you a response in picture format. A tweet looks like this:

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1678932672262/4e5b045b-aac4-46f8-a7e0-89542fe343ce.png align="center")

## Let's see how to integrate this into your readme.

1. ### visit [tweeco.pushkaryadav.in](https://tweeco.pushkaryadav.in/)
    
2. ### **Enter your twitter username**
    
    here you have 2 choices. You can either enter your Twitter username or you can enter a specific tweet URL.
    
    * Tweet username will always return the latest tweet in svg rendered form
        
    * Tweet URL will return a specific tweet in svg rendered form
        
    
3. ### **Copy the markdown code and paste it in your readme file**
    
    ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1678932914168/ec7d676c-f8bf-4bef-96b8-e289e88a6d4e.png align="center")
    
4. ### **Costumization**
    

You can customize tweets with URL parameters. Here are some:

Modify the URL with these parameters and you will get a customized tweet.

| Property Code | Work |
| --- | --- |
| ?text=fff | text color |
| ?width=700 | width of image rendered |
| ?border=000 | border color |
| ?bg=333 | background color |
| ?title=F5D76E | title color |
| ?icon=F5D76E | twitter icon color |

```markdown
[![](https://tweeco.pushkaryadav.in/api/handle/pushkaryadavin?text=fff&border=000&width=700&bg=333&title=F5D76E&icon=F5D76E)](https://tweeco.pushkaryadav.in)
```

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1678933167082/4082987c-9db0-4488-bba0-2a99191be88e.png align="center")

* Some Tips:
    
    * Do not use `#` in color code. Use `F5D76E` instead of `#F5D76E`
        
    * For colors you can refer to [COLPIC](https://colpic.pushkaryadav.in/) or any color code website.
        
    * `PRO TIP 😎`: You can also use this api in your website. Just use the api url in your img tag.
        

1. Commit and Done.
    
    This is how my GitHub looks after adding this tweet integration:
    
    [github.com/pushkarydv](http://github.com/pushkarydv)
    

## **Need Help?**

See our GitHub repo for more information and time to time upgrades.

* [GitHub Repository](https://github.com/pushkarydv/readme-tweets)
    
* [Tweeco website](https://tweeco.pushkaryadav.in/)
    
* [Twitter](https://twitter.com/pushkaryadavin)