Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/zorapeteri/react-threads-card
A React component to display Threads posts
https://github.com/zorapeteri/react-threads-card
Last synced: about 1 month ago
JSON representation
A React component to display Threads posts
- Host: GitHub
- URL: https://github.com/zorapeteri/react-threads-card
- Owner: zorapeteri
- License: mit
- Created: 2024-11-26T18:03:33.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2024-11-26T18:37:11.000Z (about 1 month ago)
- Last Synced: 2024-11-26T19:32:25.298Z (about 1 month ago)
- Language: TypeScript
- Size: 121 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# react-threads-card
[](https://www.npmjs.com/package/react-threads-card)
A Threads Card component you can use easily in your React projects. It doesn't rely on the Threads API but instead lets you feed in all information about the threads you're displaying. This way you can create cards for fictional Threads posts, or ones that have been deleted.
[:thread: Demo and documentation](https://zorapeteri.github.io/react-threads-card)
---
## Installation
```bash
npm i react-threads-card
# or
yarn add react-threads-card
```
## Features
- [x] Responsive component
- [x] Component scales to fit inside any container
- [x] Light and dark themes
- [x] Dark mode preference support
- [x] Gradient and blurred container styles
- [x] styled-components and emotion support
- [x] TypeScript support
- [x] Support for images in posts
- [x] Support for verified Threads accounts
- [x] Support for @mentions in posts
- [x] Support for links in posts
- [x] Support for hashtags in posts
- [x] Display number of replies, reposts and likes
## Server-side rendering
`react-threads-card` can only be rendered on the client side as it loads its CSS directly into the DOM.
To make it work with SSR, try importing the package dynamically.