{"id":22477131,"url":"https://github.com/zorapeteri/react-tweet-card","last_synced_at":"2025-10-26T19:12:13.077Z","repository":{"id":39303978,"uuid":"432474138","full_name":"zorapeteri/react-tweet-card","owner":"zorapeteri","description":"[DEPRECATED] A React component to display tweets","archived":false,"fork":false,"pushed_at":"2024-11-29T13:08:17.000Z","size":6719,"stargazers_count":14,"open_issues_count":0,"forks_count":6,"subscribers_count":2,"default_branch":"main","last_synced_at":"2024-11-29T14:23:28.851Z","etag":null,"topics":["component","deprecated","no-maintenance-intended","react","responsive","twitter","typescript","ui"],"latest_commit_sha":null,"homepage":"https://zorapeteri.github.io/react-tweet-card","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/zorapeteri.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-11-27T13:52:11.000Z","updated_at":"2024-11-29T13:08:22.000Z","dependencies_parsed_at":"2024-11-21T16:12:06.723Z","dependency_job_id":"68e3214d-79ba-4769-9880-90cc5f726ac0","html_url":"https://github.com/zorapeteri/react-tweet-card","commit_stats":{"total_commits":103,"total_committers":2,"mean_commits":51.5,"dds":0.009708737864077666,"last_synced_commit":"8f1faac19d40f425020cf75b74a0f7cd30325d81"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zorapeteri%2Freact-tweet-card","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zorapeteri%2Freact-tweet-card/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zorapeteri%2Freact-tweet-card/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zorapeteri%2Freact-tweet-card/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zorapeteri","download_url":"https://codeload.github.com/zorapeteri/react-tweet-card/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":228476049,"owners_count":17926134,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["component","deprecated","no-maintenance-intended","react","responsive","twitter","typescript","ui"],"created_at":"2024-12-06T14:09:35.921Z","updated_at":"2025-10-26T19:12:12.978Z","avatar_url":"https://github.com/zorapeteri.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ⚠️ This package is no longer maintained\n### Please see [react-bluesky-card](https://github.com/zorapeteri/react-bluesky-card) and [react-threads-card](https://github.com/zorapeteri/react-threads-card) for alternatives.\nThe component will still work, however its dependencies are outdated and you might have trouble getting it to work with modern versions of React or your bundler of choice.\n\n# react-tweet-card\n\n[![NPM](https://img.shields.io/npm/v/react-tweet-card.svg)](https://www.npmjs.com/package/react-tweet-card)\n\nA Tweet Card component you can use easily in your React projects. It doesn't rely on the Twitter API but instead lets you feed in all information about the tweet you're displaying. This way you can create cards for fictional tweets or tweets that have been deleted.\n\n[:bird: Demo and documentation](https://zorapeteri.github.io/react-tweet-card)\n\n\u003cimg width=\"500\" src=\"https://user-images.githubusercontent.com/52820291/220779168-86941d24-8b52-4fce-9a21-dc4789475e9b.png\"\u003e\n\n\u003cimg width=\"500\" src=\"https://user-images.githubusercontent.com/52820291/220778178-f7b34709-8fac-4fef-a058-e10cb57adfc4.png\"\u003e\n\n\n---\n\n## Installation\n\n```bash\nnpm i react-tweet-card\n# or\nyarn add react-tweet-card\n```\n\n## Features\n\n- [X] Responsive component\n- [X] Component scales to fit inside any container\n- [X] Light, dim and dark themes\n- [X] Dark mode preference support\n- [X] Gradient and blurred container styles\n- [X] styled-components and emotion support\n- [X] TypeScript support\n- [X] Support for images in tweet\n- [X] Support for verified and protected Twitter accounts\n- [X] Support for @mentions in tweet\n- [X] Support for links in tweet\n- [X] Support for hashtags in tweet\n- [X] Display number of replies, retweets and likes\n\n## Server-side rendering\n\n`react-tweet-card` can only be rendered on the client side as it loads its CSS directly into the DOM.\nTo make it work with SSR, try importing the package dynamically.\n\n## Design credits\n\nComponent layout is based on [Tweety by Ashwin G](https://www.figma.com/community/file/1028255898372668126)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzorapeteri%2Freact-tweet-card","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzorapeteri%2Freact-tweet-card","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzorapeteri%2Freact-tweet-card/lists"}