saurabhdaware / bsky-widget

Unofficial Bluesky widget to render cute profile cards in your websites ^_^
https://bsky-widget.saurabhdaware.in/
MIT License
55 stars 2 forks source link
bluesky vite webcomponent widget

Bluesky Widget

Unofficial Bluesky Profile Cards for Bluesky Friends 🦋

Card Generator UI: https://bsky-widget.saurabhdaware.in/

Usage

Code Preview
```html ``` Patak's Bluesky Profile Widget

Usage as NPM module

Install

npm install bsky-widget@latest --save

Import and Use

import "bsky-widget";

<bsky-widget data-handle="srbh.dev"></bsky-widget>;

Props

Prop Description Example value
data-handle handle of your bluesky account "srbh.dev"
data-show-description hide / show your description / bio from profile "true" (default) or "false"
data-show-banner hide / show your banner (only applicable if you have a banner) "true" (default) or "false"

CONTRIBUTING

The project is open for contributions, you can check CONTRIBUTING.md for more information on local setup and commands.


Like my work? You can star this repo or you can sponsor me from GitHub Sponsors @saurabhdaware ⭐️