https://github.com/syxanash/bluerain

Bluesky firehose viewed in a Matrix-style digital rain
https://github.com/syxanash/bluerain

animation-effects bluesky bluesky-firehose canvas-api firehose javascript matrix matrix-rain

Last synced: 4 months ago
JSON representation

Bluesky firehose viewed in a Matrix-style digital rain

• Host: GitHub
• URL: https://github.com/syxanash/bluerain
• Owner: syxanash
• License: wtfpl
• Created: 2024-11-28T18:32:17.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2026-03-04T09:57:19.000Z (4 months ago)
• Last Synced: 2026-03-04T16:16:44.822Z (4 months ago)
• Topics: animation-effects, bluesky, bluesky-firehose, canvas-api, firehose, javascript, matrix, matrix-rain
• Language: JavaScript
• Homepage: https://simone.computer/bluerain/
• Size: 21.7 MB
• Stars: 70
• Watchers: 4
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

          
# Bluerain

Bluesky firehose visualized in a Matrix-style rain

![bluerain](assets/images/bluerain.gif)

# What is this?

![blog](https://win98icons.alexmeub.com/icons/png/write_wordpad-0.png) Read my [blog post](https://blog.simone.computer/bluesky-firehose-is-cool) about this project!

The social network Bluesky is built on a protocol called the AT Protocol. This protocol enables real-time access to all posts as they're written by users. This service is called [Firehose](https://docs.bsky.app/docs/advanced-guides/firehose). Firehose messages can be decoded using a simple WebSocket listener on a [Jetstream server](https://docs.bsky.app/blog/jetstream), which handles JSON encoding, bandwidth reduction, and other useful tasks.

tl;dr: What you see on the screen is a live feed of posts written by Bluesky users, displayed in real time as a Matrix-style rain animation.

# Credits

Originally forked from this [codepen](https://codepen.io/yaclive/pen/EayLYO)


CDE theme: [classic-stylesheets](https://nielssp.github.io/classic-stylesheets/)