A Bluesky Card component you can use easily in your React projects. It doesn't rely on the Bluesky API but instead lets you feed in all information about the posts you're displaying. This way you can create cards for fictional Bluesky posts, or ones that have been deleted.
npm i react-bluesky-card
# or
yarn add react-bluesky-card- Responsive component
- Light, dim and dark themes
- Dark mode preference support
- Gradient and blurred container styles
- styled-components and emotion support
- TypeScript support
- Support for images in posts
- Support for @mentions in posts
- Support for links in posts
- Support for hashtags in posts
- Display number of replies, reposts and likes
react-bluesky-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.