/github-twitter-card-embed

🏆 The Best Realtime Tweet embed with 60+ awesome themes. Get a Verified badge, Showcase your Tweet on Website, GitHub ReadMe or anywhere else, Download your tweets as image. 😱

Primary LanguageJavaScriptGNU General Public License v3.0GPL-3.0


GTCE : GitHub Twitter Card Embed


tweet_preview

Features

  • 🔥 Realtime Tweet Update
  • ❤️ Shows Likes, Retweets and Replies
  • 🕒 Show Time and Date (GMT)
  • ✅ Get Verified Badge
  • 🎨 60+ themes
  • ✨ Place it anywhere - Website, GitHub or any blog.
  • ⬇️ Download Tweet as Image!
  • 😮 20+ icons

Example

Copy-paste this into your GitHub ReadMe or Website Code, and that is it.
Simple! Change YOUR_USERNAME to your Twitter username.

Basic Use:

<a href="https://gtce.itsvg.in/"><img src="https://gtce.itsvg.in/api?username=YOUR_USERNAME"/></a>

With all parameters:

<a href="https://gtce.itsvg.in/"><img src="https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=dracula&icon=hashtag&time=true&response=true&border=true"/></a>

❓ Parameters

parameter required default value value
username true null YOUR_TWITTER_USERNAME
theme false dracula any Theme from this list
icon false default any Icon from this list
time false true true or false
response false true true or false
border false true true or false

🎨 Themes

theme preview URL
default image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=default
default_repocard image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=default_repocard
transparent image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=transparent
dark image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=dark
radical image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=radical
merko image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=merko
gruvbox image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=gruvbox
gruvbox_light image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=gruvbox_light
tokyonight image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=tokyonight
onedark image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=onedark
cobalt image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=cobalt
synthwave image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=synthwave
highcontrast image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=highcontrast
dracula image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=dracula
prussian image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=prussian
monokai image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=monokai
vue image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=vue
vue-dark image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=vue-dark
shades-of-purple image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=shades-of-purple
nightowl image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=nightowl
buefy image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=buefy
blue-green image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=blue-green
algolia image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=algolia
great-gatsby image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=great-gatsby
darcula image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=darcula
bear image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=bear
solarized-dark image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=solarized-dark
solarized-light image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=solarized-light
chartreuse-dark image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=chartreuse-dark
nord image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=nord
gotham image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=gotham
material-palenight image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=material-palenight
graywhite image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=graywhite
vision-friendly-dark image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=vision-friendly-dark
ayu-mirage image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=ayu-mirage
midnight-purple image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=midnight-purple
calm image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=calm
flag-india image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=flag-india
omni image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=omni
react image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=react
jolly image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=jolly
maroongold image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=maroongold
yeblu image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=yeblu
blueberry image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=blueberry
slateorange image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=slateorange
kacho_ga image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=kacho_ga
outrun image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=outrun
ocean_dark image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=ocean_dark
city_light image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=city_light
github_dark image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=github_dark
discord_old_blurple image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=discord_old_blurple
aura_dark image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=aura_dark
panda image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=panda
noctis_minimus image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=noctis_minimus
cobalt2 image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=cobalt2
swift image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=swift
aura image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=aura
apprentice image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=apprentice
moltack image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=moltack
codeSTACKr image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=codeSTACKr
rose_pine image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=rose_pine
date_night image https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=date_night

👤 Icons

icon preview URL
default image https://gtce.itsvg.in/api?username=YOUR_USERNAME&icon=default
thunder image https://gtce.itsvg.in/api?username=YOUR_USERNAME&icon=thunder
sun image https://gtce.itsvg.in/api?username=YOUR_USERNAME&icon=sun
beaker image https://gtce.itsvg.in/api?username=YOUR_USERNAME&icon=beaker
bookmark image https://gtce.itsvg.in/api?username=YOUR_USERNAME&icon=bookmark
bug image https://gtce.itsvg.in/api?username=YOUR_USERNAME&icon=bug
cake image https://gtce.itsvg.in/api?username=YOUR_USERNAME&icon=cake
badge image https://gtce.itsvg.in/api?username=YOUR_USERNAME&icon=badge
code image https://gtce.itsvg.in/api?username=YOUR_USERNAME&icon=code
smile image https://gtce.itsvg.in/api?username=YOUR_USERNAME&icon=smile
fire image https://gtce.itsvg.in/api?username=YOUR_USERNAME&icon=fire
hashtag image https://gtce.itsvg.in/api?username=YOUR_USERNAME&icon=hashtag
heart image https://gtce.itsvg.in/api?username=YOUR_USERNAME&icon=heart
lock image https://gtce.itsvg.in/api?username=YOUR_USERNAME&icon=lock
moon image https://gtce.itsvg.in/api?username=YOUR_USERNAME&icon=moon
radio image https://gtce.itsvg.in/api?username=YOUR_USERNAME&icon=radio
sparkles image https://gtce.itsvg.in/api?username=YOUR_USERNAME&icon=sparkles
star image https://gtce.itsvg.in/api?username=YOUR_USERNAME&icon=star
trophy image https://gtce.itsvg.in/api?username=YOUR_USERNAME&icon=trophy
user image https://gtce.itsvg.in/api?username=YOUR_USERNAME&icon=user

❤️ Response

response preview URL
true image https://gtce.itsvg.in/api?username=YOUR_USERNAME&response=true
false image https://gtce.itsvg.in/api?username=YOUR_USERNAME&response=false

🕒 Time

time preview URL
true image https://gtce.itsvg.in/api?username=YOUR_USERNAME&time=true
false image https://gtce.itsvg.in/api?username=YOUR_USERNAME&time=false

🛂 Border

border preview URL
true image https://gtce.itsvg.in/api?username=YOUR_USERNAME&border=true
false image https://gtce.itsvg.in/api?username=YOUR_USERNAME&border=false

Our Social Links

LinkedIn Twitter

PageSpeed Insights

Tech Used

Next JS React JavaScript TailwindCSS CSS3 HTML5 Vercel

NextJS Guide

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.

API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.js.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

Learn More

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.