Installations
npm install react-bluesky-cardDeveloper Guide
Typescript
Yes
Module System
ESM
Node Version
20.2.0
NPM Version
9.6.6
Score
68
Supply Chain
76.4
Quality
79.3
Maintenance
100
Vulnerability
100
License
Releases
Unable to fetch releases
Contributors
Unable to fetch Contributors
Languages
TypeScript (81.39%)
CSS (14.75%)
JavaScript (2.62%)
HTML (1.24%)
validate.email 🚀
Verify real, reachable, and deliverable emails with instant MX records, SMTP checks, and disposable email detection.
Developer
zorapeteri
Download Statistics
Total Downloads
418
Last Day
1
Last Week
1
Last Month
31
Last Year
418
GitHub Statistics
2 Stars
12 Commits
1 Watchers
3 Branches
1 Contributors
Updated on Dec 27, 2024
Bundle Size
10.12 kB
Minified
4.26 kB
Minified + Gzipped
Maintainers
Package Meta Information
Latest Version
0.0.5
Package Id
react-bluesky-card@0.0.5
Unpacked Size
66.14 kB
Size
21.93 kB
File Count
6
NPM Version
9.6.6
Node Version
20.2.0
Published on
Nov 29, 2024
Oops! Something went wrong.
react-bluesky-card
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.
:butterfly: Demo and documentation
Installation
1npm i react-bluesky-card 2# or 3yarn add react-bluesky-card
Features
- 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
Server-side rendering
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.
No vulnerabilities found.
No security vulnerabilities found.