Thank you! When I made the project public, I posted it here with Show HN tag, and it went pretty well, with many encouraging comments. I especially liked your point about not worrying about things you can't control. But something is difficult to know what you can control and what you can't.
I was hesitant to develop custom elements at first because I wanted to use just CSS classes and custom variables. However, in certain cases, the developer experience is a mess without using custom elements. About your question, yes, I would make custom element alternatives.
I believe that "satellites" have pointer-events set to none by default. I would think in some solution, maybe adding a CSS utility to change that in case is needed
Thank you to detect these typos!! If you want to collaborate please click on Edit page link located at bottom of each page and create a PR. I'll merge ASAP.
I must confess that I don't have any experience in graphic design. I actually used existing examples that I thought were well-designed and tried to recreate them using Orbit to see if it was possible.
Glad you like it! Several years ago, I wrote my first project, Zircle UI, which mixed zoomable navigation with circular UI. It was not flexible at all, but I enjoyed it and learned a lot from this experience. Then, I decided to split Zircle into two independent parts: Orbit for radial UI (I mean, not constrained to circular shapes), and Zumly, a JS zoomable WIP engine (https://github.com/zumerlab/zumly). While you can use both projects together, they can also be used independently
After a long time working on this project, I'm finally ready to share the first public version of Orbit. Although there's still much to be done, I believe this project is ready to move beyond internal testing.
Orbit is a CSS framework that lets you create simple or complex radial designs and UIs, from pie charts to radial menus, and even fully radial pages.
Orbit is designed to be simple, extensible and compatible with other tools and frameworks, using space-related concepts.
I grew tired of constantly configuring development tools like ESLint, Jest, Prettier and others. For my personal projects, I've packaged some of them with preset settings and developed others. Each tool can be used independently based on your workflow, providing a dev workflow for small projects. I’d like to share these resources with others who might find them useful.
While I'm happy with WebGPU and other modern APIs, SVG has the potential to revolutionize the way we create and display graphics on the web. However, it seems that SVG's progress in the W3C has been slow, don´t know why. I mean, with its versatility and scalability, SVG could be perfect for many scenarios if it were modernized.