flo-bit

didn't really like any of the available options, so I made my own svelte emoji picker 😅

flo-bit.dev/ui-kit/compo...

struggled a lot but finally got my svelte/tailwind ui kit setup as a monorepo with automatic CI/CD, versioning, etc

Why a monorepo? I wanted to split up the ui kit into different subpackages so you don't have to install >20 dependencies if you just want a few buttons

flo-bit.dev/ui-kit/

@graze.social (and I) just open sourced AIP, a small but powerful service to ease OAuth session handling in the ATmosphere. It supports both did:plc and did:web identities and simplifies session management for apps using ATProtocol.

me and the boys hanging out

Very fun lightning talk by @flo-bit.dev with our emoji replies posted during the talk sliding live on the screen 😄 #ahoy25

this is the "companion" post for my talk about jetstream at #ahoy25 comment under this with some emojis or like it at the right time to maybe appear in my presentation 😅

working on multiplayer editing of small flying islands with leaf/roomy-sdk and threlte

Love the energy @rich-harris.dev brings to my github feed, everyone else is like: „should we do some more testing here before adding this to a feature branch?“

#svelte #goals

Looking forward to meeting other at proto fans and talk a bit about jetstream one of the coolest parts of at proto imo 😁

Wuuhh my tiny room creator gets a mention 😊

Really looking forward to everything on the roadmap too, especially auth scopes, shared private data and that `com.atproto.sync.listReposByCollection` endpoint 👀

Just published a new blog post!

Talks about #atproto and how maybe the most important things it provides are not the immediately obvious things.

releasing the public alpha of my svelte ui kit:

🦊 fox ui

any feedback welcome 😊

working on my svelte ui kit built on top of bits-ui and just noticed that a lot of the base components don't work without javascript enabled (give browsing bits-ui.com/docs/introdu... a try with js disabled)

Am I crazy for wanting my websites to mostly still work even without javascript in 2025?

another sneak peek: turning my tiny room creator into an MMO running on bluesky 😅

testing w/ @polijn.bsky.social

Thanks to a PR by @aebel.bsky.social you can now also theoretically 3D print your room, though the furniture models are not really made to be 3d printable 😅

Check out my room (real): flo-bit.dev/room/?handle...

cool room by @shutupsergeant.online

see it in 3d: flo-bit.dev/room/?handle...

busy today: in my tiny room builder you can now place things on the walls, as well as add images and videos plus you can place things on top of each other (makes it so much easier to place stuff 😅)

my room: flo-bit.dev/room/?handle...

create your own at: flo-bit.dev/room/

one more building-a-room video, the world really lost an interior design artist in me 😅

check it out live here: flo-bit.dev/room/?handle...

create your own room here: flo-bit.dev/room/

controls unclear? want some features/more models? want to show of your room? found bugs?
=> comment here/github

Great job! 😊

Beautiful creation! 😅

quick sneak peek on something else i'm working on, a little room creator where you can save your room to your bluesky account

made with @svelte.dev and @threlte.xyz
assets by @kenney.bsky.social

and one more ui component, this one is completely unnecessary but very cool imo: a css only 3d voxel viewer.

it works without javascript 😱

live here: flo-bit.dev/ui-kit/compo...

inspired by: tympanus.net/codrops/2025...

one of my goals with my svelte ui kit is making components that allow me to quickly make lots of different web apps, which is why I'm adding lots of components that aren't in most ui kits (afaik).

some examples:
- social media post
- heatmap
- waveform audio player
- login with bluesky modal
[1/2]

now that svelte 5 and tailwind 4 has been out for a bit, i'm back to working on my very own svelte+tailwind ui kit

question for any #a11y experts, is having different colored focus outlines a big no-no or is that ok?

took way to long but finally got bluesky client side oauth with a static sveltekit build working thanks to @mary.my.ids atcute, was fighting alot with the official oath-client-browser package before...

now i can finally make bluesky stuff - hosted statically on github pages - where people can login

currently making a simple, minimalistic documentation template using @astro.build

source: github.com/flo-bit/dogu...
live demo: flo-bit.dev/dogumentation/

My review for "The Bourne Identity" on skywatched.app:

better than most james bond movies/mission impossible by far, makes bourne actually feel like a human being we care about. great action scenes, great acting, great story.

only small complaint: the shaky cam might be a bit much...

named my tiny creatures wigglepuffs + they can now express themselves with a few emotions

#threejs #threejsjourney

tiny creature now has fur and can jump around 🐹 (can't do anything else yet though)

code: github.com/flo-bit/tiny...

live: flo-bit.dev/tiny-creature/

#threlte #threejs #threejsjourney

trying my hand at the newest three.js journey challenge: tamagotchi. 🐹😬

code: github.com/flo-bit/tiny...

live: flo-bit.dev/tiny-creature/

Getting back into 3d printing: My first lamp designed with openscad and printed on my new awesome bambulab printer. With 29 rgb leds and an esp8266 running wled

Finally the thing we needed the most has arrived: a tiktok style video watching thing for linkedin.
How will they innovate next? (some free ideas for you, linkedin: more AI, recruiter bots, employee bots, more ads everywhere)

new year. new me. new personal website, that looks almost exactly the same but is powered by @astro.build (+svelte) now instead of sveltekit, might write a blog post about why soon-ish.

also finally added a link to my bluesky profile 😊

flo-bit.dev

At the start of 2024 i set myself the goal of sharing my work/experiments/learnings more (or at all).

That was one of the rare (for me) new years resolutions that worked out quite well: my repositories got almost 400 stars over the last year, which is obvs not a lot compared to other people, but...

building fun (and mostly unnecessary) features for my movie rating thing, because it's (almost) christmas

1. cool outer glow around video trailers

I'm helping a friend set up a portfolio website, what do you think about this design?
Do you think it's too playful/not professional enough?

been quiet the last few days, busy building things

quick sneak peak on one of the things im working on: movie and tv show rating using the at protocol. coming soon 🤫

making a movie and tv show rating thing using bluesky, what name do you prefer: watchsky, filmsky or moviesky? (or do you have a better idea for a name?)

Thank you for looking out for me Apple, but how about No?

opening a new thread for all my golfed advent of code solutions

adventofcode.com

if not other specified all solutions expect a file named "i" with the input in the same directory, should run with `bun script.js` and print the answer to the console

// day 4 advent of code pt1 js solution:
import{readFileSync as R}from"fs";let G=(R("i")+"").split("\n").map(l=>[...l]),D=[[0,1],[1,0],[1,1],[1,-1],[0,-1],[-1,0],[-1,-1],[-1,1]],j,i=0,t=0;for(i in G)for(j in G[0])for(let[x,y]of D)t+=[...'XMAS'].every((c,k)=>G[+i+k*x]?.[+j+k*y]==c);console.log(t)

i've started working on a bluesky wrapped w/ svelte, tailwind, animotion, looking for anyone who wants to contribute

especially looking for people who want to create cute drawings to go with that or some music/sound effects, but any contributions are welcome 😊

github.com/flo-bit/blue...

If you see a very green square on my github contributions graph, it means I've tried and failed to deploy something >20 times that day...

Updated my astro blog template to also show comments from bluesky. Comment under this post to appear on the blog post.

flo-bit.dev/blog-templat...

This wave builds 🦋
Let's show others what cool Bluesky projects we're tinkering with. Share some good old links to what you're building in these threads: clients, feeds, stats, visualizations, blog posts, ideas, and repos, so we encourage others to get involved.

Svelte cookies!

added different language support to my trending hashtag visualizer, really shouldn't have looked at the brazilian hashtags though... (nsfw warning if you look them up 😅)

flo-bit.dev/bluesky-tren...

uploaded the first 3d version of the connection visualizer for people to play around with, still very much work-in-progress though and only shows the last 150 people you followed.

try it here: flo-bit.dev/bluesky-visu...

back at it making bluesky visualizations, this time a follow graph (who of the people you follow, follows other people you also follow)

and one more fun feature a bluesky client could have:
tinder-like swipe through suggested follows

the awesome thing about building a custom bluesky client is that you can add random functionality you always wanted to have.

for example: showing someone else's following feed

the bluesky song

made a better version of my trending bluesky hashtags, now shows hashtags for the last hour or last day, too

flo-bit.dev/bluesky-tren...

Anyway…

Here’s a visualization of all the curse words being used on Bluesky in real time.

Each word is a cute fluffy little profane cloud.

It’s oddly soothing.

H/t @bagpuss.org
#SwearSky
swearsky.bagpuss.org

Let it rain ✨ & celebrate OSS 🚀

Quote this post to keep the appreciation train going! List 3 OSS repos with links, star them on GH and star all repos of our quote train 🤩

- threlte github.com/threlte/thre...
- astro github.com/withastro/as...
- libsql github.com/tursodatabas...

just testing showing bluesky likes on my @astro.build blog template:

flo-bit.dev/blog-templat...

been randomly (or algorithmically) seeing a lot of @bruno-simon.bsky.social content over the last week, today i watched this talk:
www.youtube.com/watch?v=DkLg...

bit of a clickbait-y title, but really interesting talk, lots of good points, made me think about what i wanna do the next months/years

My favourite part of the svelte 5 release has been the new cli so far.

Being able to get a sveltekit app with prettier, eslint, tailwind, drizzle (eg sqlite database) and lucia (for auth) set up in 30 seconds is just 🤌

made my first starter pack for cool 3d web stuff, send me suggestions on who else to add to this

go.bsky.app/MCK5HZ4

butterflies in the dark. every butterfly is a bluesky user that just joined.
live: flo-bit.dev/bluesky-visu...

porting my personal site from sveltekit to astro (with still a lot of svelte). one of the new features: a (roughly up-to-date) feed of my last few bluesky posts rendered as static html.

@threlte.xyz welcome to bluesky!

devs! want to build something on #atproto but not sure where to start?

check out this "Call for Projects" with a bunch of ideas, ranging from protocol frameworks, to entire apps, to bots

how is bluesky feeling?
here is a gift, a live realtime emotion analysis using the NRC word-emotion association lexicon: flo-bit.dev/bluesky-visu...

Svelte devs in Berlin / coming to Berlin in December: the #Svelte Berlin meetup is looking for 1-2 speakers for December 11th.

ok, one last visualizer (maybe...): live trending hashtags

collects and shows all hashtags posted in the last hour

live here: flo-bit.dev/bluesky-visu...

source here: github.com/flo-bit/blue...

i've also combined my other visualizers into this repo, so all visualizers can be found there now

svelte audio visualizers: drop-in customizable #svelte components for visualizing spoken text/music

live demo here: flo-bit.dev/svelte-audio...

code here: github.com/flo-bit/svel...

anyone know why jetstream suddenly doesn't show new account creations anymore?

opened an issue here: github.com/bluesky-soci...

and one more bluesky visualization: most used words of all english bluesky posts in the last 10 seconds

live here: flo-bit.dev/bluesky-word...

code here: github.com/flo-bit/blue...

building fun visualizations with a cool api is so addictive... 😅

updated the live bluesky activity particle visualization, now with icons and the ability to turn of types of activities.

live here: flo-bit.dev/bluesky-part... (this might heat up your machine...)

code here: github.com/flo-bit/blue...

dont mind me just reposting some of my favourite stuff i made recently from xitter

this is a little relaxing game (~10 minutes of playtime) i made for gmtk jam this year, a mix of agario and spore with a documentary vibe.

play it here: flo-bit.itch.io/life (best with sound on)

Still have to get rid of that twitter muscle memory of skipping past everything that looks like it might be an ad

playing around a bit with the bluesky api + particles, every particle is a post, like, follow or new user. really awesome having easy access to live global data like that

live here: flo-bit.dev/bluesky-part...

code here: github.com/flo-bit/blue...

❤️ vite, i don't think i've worked on anything web-based in the past year without it, it's the one thing **every** project needs

hey everyone, new to bluesky, thought I'd post something so people know who I am/what I like to do:

currently working on my procedural tiny planets generator made with #threejs

check it out live here: flo-bit.dev/tiny-planets/

code here: github.com/flo-bit/tiny...