charlebois.info / skyfall
A live visualization of the Bluesky Firehose. Every emoji falling is a real event happening right now on the AT protocol.
Star 0
Fork 0
Watch
Svelte 72%
TypeScript 19%
JavaScript 7%
HTML 1%
<1%
3 1 0
.gemini
.github
.storybook
.vscode
src
static
.gitignore
.npmrc
.prettierignore
.prettierrc
eslint.config.js
GEMINI.md
package-lock.json
package.json
playwright.config.ts
README.md
svelte.config.js
tsconfig.json
vite.config.ts
vitest.shims.d.ts
README.md

Skyfall 🌌 📝 #

An infinite, interactive physics-based visualization of the Bluesky firehose. Watch the AT protocol come to life as a mountain of falling emojis.

✨ Features #

  • Live Firehose Stream: Real-time connection to the Bluesky Jetstream.
  • Emoji Physics: Every event falls as a unique emoji that interacts in a high-density physics simulation.
  • Extreme Crowding: Supports up to 8,000 live emojis per screen with 199% packing density.
  • Infinite Snapshots: Seamlessly captures snapshots of the pile and moves them into a scrollable, snap-aligned history.
  • Full Interactivity: Click any emoji (live or historical) to view the raw AT protocol record and original post.
  • Smart Navigation: A playful bottom-nav system with live stats, EPS monitoring, and snap-aligned history navigation.

🚀 Tech Stack #

🛠️ Getting Started #

  1. npm install
  2. npm run dev
  3. Open http://localhost:5173

Built for the AT Protocol ecosystem.