Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/vishwagauravin/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. 😱
https://github.com/vishwagauravin/github-twitter-card-embed
design github nextjs react reactjs readme readme-profile tailwindcss twitter
Last synced: about 2 hours ago
JSON representation
🏆 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. 😱
- Host: GitHub
- URL: https://github.com/vishwagauravin/github-twitter-card-embed
- Owner: VishwaGauravIn
- License: gpl-3.0
- Created: 2022-12-19T19:27:35.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2024-09-08T20:23:22.000Z (about 2 months ago)
- Last Synced: 2024-09-08T21:35:50.572Z (about 2 months ago)
- Topics: design, github, nextjs, react, reactjs, readme, readme-profile, tailwindcss, twitter
- Language: JavaScript
- Homepage: https://gtce.itsvg.in
- Size: 1.24 MB
- Stars: 44
- Watchers: 1
- Forks: 5
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
GTCE : GitHub Twitter Card Embed
# 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
## >>[Create Using Website!](https://gtce.itsvg.in/)<<
## 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:**
```html
```
**With all parameters:**
```html
```
## ❓ Parameters
|parameter|required|default value|value|
|-----|-------|---|---|
|username|true|```null```|```YOUR_TWITTER_USERNAME```|
|theme|false|```dracula```| [any Theme from this list](https://github.com/VishwaGauravIn/github-twitter-card-embed/blob/master/README.md#-themes)|
|icon|false|```default```| [any Icon from this list](https://github.com/VishwaGauravIn/github-twitter-card-embed/blob/master/README.md#-icons)|
|time|false|```true```| ```true``` or ```false```|
|response|false|```true```| ```true``` or ```false```|
|border|false|```true```| ```true``` or ```false```|
## 🎨 Themes
|theme|preview|URL|
|-----|-------|---|
|```default```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=default```
|```default_repocard```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=default_repocard```
|```transparent```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=transparent```
|```dark```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=dark```
|```radical```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=radical```
|```merko```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=merko```
|```gruvbox```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=gruvbox```
|```gruvbox_light```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=gruvbox_light```
|```tokyonight```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=tokyonight```
|```onedark```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=onedark```
|```cobalt```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=cobalt```
|```synthwave```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=synthwave```
|```highcontrast```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=highcontrast```
|```dracula```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=dracula```
|```prussian```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=prussian```
|```monokai```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=monokai```
|```vue```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=vue```
|```vue-dark```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=vue-dark```
|```shades-of-purple```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=shades-of-purple```
|```nightowl```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=nightowl```
|```buefy```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=buefy```
|```blue-green```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=blue-green```
|```algolia```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=algolia```
|```great-gatsby```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=great-gatsby```
|```darcula```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=darcula```
|```bear```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=bear```
|```solarized-dark```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=solarized-dark```
|```solarized-light```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=solarized-light```
|```chartreuse-dark```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=chartreuse-dark```
|```nord```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=nord```
|```gotham```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=gotham```
|```material-palenight```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=material-palenight```
|```graywhite```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=graywhite```
|```vision-friendly-dark```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=vision-friendly-dark```
|```ayu-mirage```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=ayu-mirage```
|```midnight-purple```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=midnight-purple```
|```calm```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=calm```
|```flag-india```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=flag-india```
|```omni```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=omni```
|```react```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=react```
|```jolly```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=jolly```
|```maroongold```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=maroongold```
|```yeblu```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=yeblu```
|```blueberry```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=blueberry```
|```slateorange```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=slateorange```
|```kacho_ga```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=kacho_ga```
|```outrun```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=outrun```
|```ocean_dark```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=ocean_dark```
|```city_light```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=city_light```
|```github_dark```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=github_dark```
|```discord_old_blurple```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=discord_old_blurple```
|```aura_dark```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=aura_dark```
|```panda```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=panda```
|```noctis_minimus```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=noctis_minimus```
|```cobalt2```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=cobalt2```
|```swift```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=swift```
|```aura```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=aura```
|```apprentice```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=apprentice```
|```moltack```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=moltack```
|```codeSTACKr```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=codeSTACKr```
|```rose_pine```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=rose_pine```
|```date_night```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&theme=date_night```
## 👤 Icons
|icon|preview|URL|
|-----|-------|---|
|```default```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&icon=default```
|```thunder```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&icon=thunder```
|```sun```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&icon=sun```
|```beaker```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&icon=beaker```
|```bookmark```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&icon=bookmark```
|```bug```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&icon=bug```
|```cake```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&icon=cake```
|```badge```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&icon=badge```
|```code```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&icon=code```
|```smile```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&icon=smile```
|```fire```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&icon=fire```
|```hashtag```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&icon=hashtag```
|```heart```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&icon=heart```
|```lock```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&icon=lock```
|```moon```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&icon=moon```
|```radio```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&icon=radio```
|```sparkles```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&icon=sparkles```
|```star```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&icon=star```
|```trophy```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&icon=trophy```
|```user```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&icon=user```
## ❤️ Response
|response|preview|URL|
|-----|-------|---|
|```true```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&response=true```
|```false```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&response=false```
## 🕒 Time
|time|preview|URL|
|-----|-------|---|
|```true```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&time=true```
|```false```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&time=false```
## 🛂 Border
|border|preview|URL|
|-----|-------|---|
|```true```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&border=true```
|```false```||```https://gtce.itsvg.in/api?username=YOUR_USERNAME&border=false```
## Our Social Links
[](https://linkedin.com/in/VishwaGauravIn)
[](https://twitter.com/VishwaGauravIn)
## PageSpeed Insights
## Tech Used
NextJS Guide
## Getting Started
First, run the development server:
```bash
npm run dev
# or
yarn dev
```
Open [http://localhost:3000](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](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](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](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
## Learn More
To learn more about Next.js, take a look at the following resources:
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
## Deploy on Vercel
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.