TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Show HN: Orbit – A CSS radial UI composer framework

145 pointsby tinchox510 months ago

9 comments

tinchox510 months ago
Hello HN,<p>After a long time working on this project, I&#x27;m finally ready to share the first public version of Orbit. Although there&#x27;s still much to be done, I believe this project is ready to move beyond internal testing.<p>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.<p>Orbit is designed to be simple, extensible and compatible with other tools and frameworks, using space-related concepts.<p>To see Orbit in action, check out the landing page, which is built with Orbit. You can also find additional examples here <a href="https:&#x2F;&#x2F;zumerlab.github.io&#x2F;orbit-docs&#x2F;examples&#x2F;" rel="nofollow">https:&#x2F;&#x2F;zumerlab.github.io&#x2F;orbit-docs&#x2F;examples&#x2F;</a>.<p>I hope you like it and I&#x27;d love to hear your thoughts and feedback.<p>Thanks! Martin
评论 #41190775 未加载
评论 #41194274 未加载
wonger_10 months ago
This is great. I like the intuitive API. Perfect timing, too -- I needed to make a pie menu today for a virtual whiteboard. Currently thinking about how to incorporate hover effects and selection.<p>Editing nits:<p><pre><code> https:&#x2F;&#x2F;zumerlab.github.io&#x2F;orbit-docs&#x2F;elements&#x2F;satellite&#x2F;#:~:text=content.%20If%20other-,contant,-than%20characters%20is contant -&gt; content https:&#x2F;&#x2F;zumerlab.github.io&#x2F;orbit-docs&#x2F;layout&#x2F;#:~:text=radius%20ranging%20from-,orbit0,-to%20orbit%2D12 orbit0 -&gt; orbit-0 https:&#x2F;&#x2F;zumerlab.github.io&#x2F;orbit-docs&#x2F;elements&#x2F;vector&#x2F;#customization:~:text=size%3A%20Each%20.-,spke,-can%20be%20adjusted spke -&gt;&gt; ?? https:&#x2F;&#x2F;zumerlab.github.io&#x2F;orbit-docs&#x2F;elements&#x2F;orbit&#x2F;#:~:text=latter%20one%20is-,abowe,-the%20former. abowe -&gt; above</code></pre>
评论 #41192879 未加载
thiht10 months ago
Pretty cool, this is inspiring for landing pages.<p>Just a heads-up though, the scroll animations activate pretty late. When I scrolled to &quot;components&quot;, the first component displayed when it was kinda close too the off screen, which is not very comfortable. The animation should trigger a bit after entering the screen
评论 #41193731 未加载
评论 #41202515 未加载
camillomiller10 months ago
It’s quite broken and not responsive (extends with horizontal scroll past the viewport) on iPhone 15 Pro Max.
评论 #41192106 未加载
Art968110 months ago
This is awesome. Well done. I am definitely going to try this out today.
hschne10 months ago
Looks nice!<p>I&#x27;m on an older phone though and your landing Page murders it. Animations stutter and scrolling is pretty janky. Not sure I&#x27;d that&#x27;s an issue with the components or something else?
gavmor10 months ago
Oh, fun! I&#x27;ve been toying with some radial menu designs; this might be the impetus to attempt an implementation.
评论 #41203295 未加载
pipesorter10 months ago
This is pretty interesting. With other frameworks it never occurred to think of something like this in every day design.
wreckitron10 months ago
This is very cool !