COBE v2: reliably use any DOM elements as markers & arcs. CSS transition, animation, filter, interactivity, ...all just work. High perf, zero deps, still ~5KB. Coming soon.

It creatively uses CSS-native APIs, position-anchor and CSS variable. Here's how you style a label without any JS: Your marker automatically follows the anchored position on the 3D space. Use the `--cobe-visible-` prefixed variable to toggle between visible/invisible styles.

2 years ago I was working on the separated marker/arc layers. But I stopped there because there’s no great APIs to anchor DOM nodes reliably and declaratively. I really don’t want JS to be involved here like exposing {x,y,z}[] and have positioning a userland thing. It’s definitely going to have perf and frame-syncing issues in different frameworks. And users need to handle all the DOM layering and position: relative/fixed things. So I waited until the declarative CSS anchor positioning API gets wider adopted. It feels great!

And the conditional CSS trick. You can define the fallback value: .marker { opacity: 1; opacity: var(--cobe-visible-marker, 0); transition: opacity .3s ease; } And COBE will unset the variable when the marker is invisible (behind the globe) so final opacity fallbacks to 0. If visible, the variable is set to “invalid” and the CSS is equivalent to: .marker { opacity: 1; opacity: invalid; transition: opacity .3s ease; } So it shows as 1. Transitions all work. You can use this variable to toggle any CSS properties too including blur in the demo video.

clean! I posted my first design yesterday and just got humbled

youre the best

This is gorgeous, currently using v1 on and will be upgrading once available. Awesome work!

is there a marker limit?

@1weiho whaaaaaat, so cool

@samko_cx We should chat 😂

im pretty sure AI can't recreate this kind of DX

DARK MAGIC

need it

This is soooo good! 🤏😎 🤏🕶️ 😲

This is beautiful 🤩

I ended up using this for a side project tool - very cool stuff. Thanks for sharing!

Literally started using it yesterday for a project—if you have an alpha or beta, I’m happy to give it a try 🙏

🤍

Man I need this on our maps these marker styles are dope and ffffaaast

this is so f beautiful bro ❤️🥰

It looks great and I got few ideas to adopt from it. I saw something similar at @Replit Agent 4 launch where @amasad prompted the agent to build.

That's the coolest animation and UI that I've ever seen! 🤩 Love it!

ohhhh I love this

so pretty i can't stop watching this

looks insanely cool :)

What makes this better than the Three.JS CSS3DRenderer?

thank you, i need it

im in the deep for exactly this. can't wait for the release!

very niceee

Sweet, I’m gonna use this. It’d be good to be able to tag lat and long as well, switch between spherical and flat views, and somehow integrate AI elements into it.

dom elements as compute targets is wild. did you find the dom update overhead dominates over the gpu work for 1m particles, or did you de...

😍

The demo video is so cool! You cooked with COBE 🔥

looks awesome!

great work thank you!

Will it be possible to have this feature de​coupled in case we want to use it like on 2D maps or so?

do you need beta testers? 👀

nice