Orbit Composer – a CSS tool for creating any kind of circular interface

What it does

💫 Orbit is a framework designed for building any kind of radial UI. - zumerlab/orbit

Orbit arranges HTML elements around a center. Use it to build radial menus, charts, gauges and other circular interfaces. CSS controls geometry and appearance. A small JavaScript runtime updates the layout and draws arcs when elements, styles or values change. Orbit works with plain HTML, React, Vue and Svelte. import '@zumer/orbit/style' import '@zumer/orbit' For a plain HTML page, load the files from a CDN as shown below. Save this as index.html and open it in a browser. It loads Orbit from the CDN and draws a ring at 72%. <!doctype html > < html lang =" en " > < head > < meta charset =" utf-8 " > < meta name =" viewport " content =" width=device-width, initial-scale=1 " > < title > Orbit…from github.com

• 
  Orbit – A CSS radial UI composer framework2024 · zumerlab.github.io · ▲145

  Build radial menus, charts and instruments with Orbit. Try the interactive playground, change the geometry and download working HTML.

• 
  Picnic CSS2016 · picnicss.com · ▲131

  A beautiful CSS library to kickstart your projects

• 
  Once UI 1.5Dec 2025 · once-ui.com · ▲299

  When I started my career and built my first design system, I was beyond excited. It took a lot of iterations, learning and 6 months of work to launch it internally. In the next job, I did it again, then at the following job, again… And no matter which company I worked for, 80% of the design system was the same. I’ve decided to work full-time on the design system I’ve always wanted, and today I’m launching and open-sourcing it. You can use it to build Next.js apps faster, and I’ve designed it in a way that it’s hard to go wrong with it: you can choose any settings, and you’ll end up with a…

• IB
  I built a gravity simulator in pure CSS2022 · multiplanetary.website · ▲64
• 
  Skeleton 2.02014 · getskeleton.com · ▲127

  A dead simple, responsive CSS boilerplate.

• 
  I saw this cool navigation reveal, so I made a simple HTML+CSS versionFeb 2026 · github.com · ▲141

  Two clip-paths, over the navigation: - The first clip-path is a circle (top-left corner) - The second clip-path is a polygon, that acts like a ray (hardcoded, can be improved) The original work by Iventions Events https:&#x2F;&#x2F;iventions.com&#x2F; uses JavaScript, but I found CSS-only approach more fun Here's a demo and the codebase: https:&#x2F;&#x2F;github.com&#x2F;Momciloo&#x2F;fun-with-clip-path

• 
  /dev/null▲491

  a social network for devs

  Dev tools · 4d ago · dev-null.sh

• 
  Run full iOS 16.5 firmware on Android Devices▲459

  Contribute to oosexgang/hackios-xnu-kernel development by creating an account on GitHub.

  Dev tools · 21h ago · github.com

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 29d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 27d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 24d ago · openbot.run

• 
  Talanoa▲346

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 22d ago · talanoa.email

• 
  I made an open-source laptop from scratch▲3,237

  Hello! I'm Byran. I spent the past ~6 months engineering a laptop from scratch. It's fully open-source on GH at: https:&#x2F;&#x2F;github.com&#x2F;Hello9999901&#x2F;laptop

  Dev tools · 2025 · byran.ee

• TI
  Tetris in a PDF▲1,289

  I realized that the PDF engines of modern desktop browsers (PDFium and PDF.js) support JavaScript with enough I&#x2F;O primitives to make a basic game like Tetris. It was a bit tricky to find a union of features that work in both engines, but in the end it turns out that showing&#x2F;hiding annotation "fields" works well to make monochrome pixels, and keyboard input can be achieved by typing in a text input box. All in all it's quite janky but a nice reminder of how general purpose PDF scripting can be. The linked PDF is all ASCII so you can just open it in a text editor, or have a look at…

  Life & fun · 2025 · th0mas.nl

• 
  21st.dev▲1,211

  I originally built this app to organize and reuse interesting React + Tailwind components I came across on Twitter, inspired by the shadcn&#x2F;ui approach. Later, a friend started contributing their own components, and it got me thinking—this could grow into something bigger, like an NPM for design engineers to share and use components. Would love to hear your thoughts!

  Dev tools · 2025 · 21st.dev

• 
  JoggAI 2.0: AI Avatar Generator▲967

  Create lifelike, personalized AI avatars from text prompts

  AI · 2025 · jogg.ai

• 
  Lovable + Builder.io▲873

  Turn Figma designs into full stack apps with AI

  Dev tools · 2025 · figma.com

• 
  Cs16.css – CSS library based on Counter Strike 1.6 UI▲819

  CSS library based on Counter Strike 1.6 UI.

  Life & fun · 2025 · cs16.samke.me