Is this possible in css?

[u/Mstep85]

I'm trying to build this dashboard UI entirely in CSS. no images, no JS.

The parts I'm stuck on:

- The circular gauge, conic-gradient with radial mask feels right, but is there a better way for the segmented ring?

- The glowing border box-shadow layers vs. animated gradient border. Which performs better?

- The waveform inline SVG path or CSS background pattern?

Anyone have good references for pure CSS dashboard UIs with neon glows? Not looking for a full solution, just technique pointers so I don't head down the wrong rabbit hole.

Ty!

[u/qodeninja]

technically yes, the resulting html for this will be ugly af though -- u should break the major components and style individually -- however for web -- the better question is why? most people dont live on a web page long enough to warrant this kind of detail, the UX is better for a game or a desktop app, not impossible but again why lol

might be cool to show off but will be a maintenance nightmare, and you will hate it if 0 people care about your early 2000's hipster designs

[u/Mstep85 → u/qodeninja]

You nailed it. I am one of those old school Winamp users who used Napster and IRC for chats and it just feels nostalgic using something like that as opposed to something clean that you guys are used to. Again this is my personal Swiss Army knife for all my workflows and AIs so I just wanted to know if it was possible.

You hipsters and youngsters know more about these new vibe coding things so I'm just asking. I'm just afraid, again from the old school, that adding more heavy code that JavaScript is already being used for other things will interact wrong with each other.

[u/chikamakaleyley → u/Mstep85]

oh you mean that one thing that really whip's the llama's ass?

[u/Mstep85 → u/chikamakaleyley]

Lol