{"repo":"zumerlab/orbit","free":true,"listed":false,"github":"https://github.com/zumerlab/orbit","clone":"git clone https://github.com/zumerlab/orbit.git","description":"💫 Orbit is a framework designed for building any kind of radial UI.","language":"JavaScript","stars":762,"topics":["composer","css","radial","css-framework","scss","hacktoberfest","design-system","html","ui","ux"],"license":"MIT","category":"ui-components","readme_excerpt":"Orbit CSS Composer Orbit is a CSS framework for building radial UIs — gauges, donuts, knobs, pie menus, dashboards — with CSS only . No layout JavaScript. Works with plain HTML and any framework (React, Vue, Svelte). 🚀 Live showcase & docs --- Why Orbit? Radial UIs usually need JavaScript to compute angles, radii, and positions. Orbit handles all of that with CSS classes and a couple of Web Components. Drop in two files and start building. Want ready-made components? orbit-kit wraps the common Orbit patterns into one-line custom elements — gauges, charts, activity rings, knobs, pie menus, cockpit instruments, analog clocks, compasses and radars. Installation CDN (fastest): npm: --- Quick start Minimal gauge in 10 lines: Structure: bigbang (container) → gravity-spot (center) → orbit-N (ring level) → o-progress or o-arc (the visual element). --- Core elements Element Role --------- ------ .bigbang Root container, sets viewport .gravity-spot Center of the radial layout; holds rings .orbit-1 … .orbit-7 Rings at different radii (1 = innermost) .satellite Item placed on a ring (dot, label, icon) Arc segment (donut slice, gauge needle, menu sector); value 0–100, shape e.g. arrow , circle-a Simple progress ring .vector Tick/marker on a ring .side Stretch content along arc .capsule Wrapper for content inside satellite; required when satellite holds more than plain text Structure rules (avoid visual warnings): - .bigbang → direct children: .gravity-spot only - .gravity-spot → dire","default_branch":null,"files":null,"tree":[],"storefront":"/r/zumerlab","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/zumerlab/orbit/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}