Show HN: Cs16.css – CSS library based on Counter Strike 1.6 UI

I&#x27;ve been eagerly awaiting the opportunity to expand my collection!<p><a href="https:&#x2F;&#x2F;alexbsoft.github.io&#x2F;win95.css&#x2F;" rel="nofollow">https:&#x2F;&#x2F;alexbsoft.github.io&#x2F;win95.css&#x2F;</a> windows 95<p><a href="https:&#x2F;&#x2F;botoxparty.github.io&#x2F;XP.css&#x2F;" rel="nofollow">https:&#x2F;&#x2F;botoxparty.github.io&#x2F;XP.css&#x2F;</a> windows xp<p><a href="https:&#x2F;&#x2F;cs16.samke.me&#x2F;" rel="nofollow">https:&#x2F;&#x2F;cs16.samke.me&#x2F;</a> counter strike 1.6<p><a href="https:&#x2F;&#x2F;edwardtufte.github.io&#x2F;tufte-css&#x2F;" rel="nofollow">https:&#x2F;&#x2F;edwardtufte.github.io&#x2F;tufte-css&#x2F;</a> edward tufte<p><a href="https:&#x2F;&#x2F;jdan.github.io&#x2F;98.css&#x2F;" rel="nofollow">https:&#x2F;&#x2F;jdan.github.io&#x2F;98.css&#x2F;</a> windows 98<p><a href="https:&#x2F;&#x2F;khang-nd.github.io&#x2F;7.css&#x2F;" rel="nofollow">https:&#x2F;&#x2F;khang-nd.github.io&#x2F;7.css&#x2F;</a> windows 7<p><a href="https:&#x2F;&#x2F;micah5.github.io&#x2F;PSone.css&#x2F;" rel="nofollow">https:&#x2F;&#x2F;micah5.github.io&#x2F;PSone.css&#x2F;</a> playstation one<p><a href="https:&#x2F;&#x2F;nostalgic-css.github.io&#x2F;NES.css&#x2F;" rel="nofollow">https:&#x2F;&#x2F;nostalgic-css.github.io&#x2F;NES.css&#x2F;</a> nes<p><a href="https:&#x2F;&#x2F;sakofchit.github.io&#x2F;system.css&#x2F;" rel="nofollow">https:&#x2F;&#x2F;sakofchit.github.io&#x2F;system.css&#x2F;</a> apple system<p><a href="https:&#x2F;&#x2F;thesimscss.inbn.dev&#x2F;" rel="nofollow">https:&#x2F;&#x2F;thesimscss.inbn.dev&#x2F;</a> the sims

I was watching my son play Half Life 2 recently and it occurred to me how much more real or immersive it seemed when the menus and such had this style and they look like actual computer system UI. Dated maybe, but they feel industrial and real.... and easy to use all in one.<p>Meanwhile many games have hyper stylized menus with flowery wingdings all over them and makes it unrealistic &#x2F; a horrible experience &#x2F; chore.

Very nice! I installed CS 1.6 last year again, after almost 15 years of not playing, and now I almost play every day 10 - 15 mins against bots to clear my mind. To make it more fun I even created my own bot team and a whole tournament where I play against all the pro teams of the ±2008ties. I also rediscovered a map I created back then on a super old hard disk - never thought that with almost 40 I would still play it - so thank you past-me.

Isn’t this technically the original _Steam_ UI, not just Counter Strike?

<a href="https:&#x2F;&#x2F;alpynedreams.github.io&#x2F;vgui.css&#x2F;demo_greensteam" rel="nofollow">https:&#x2F;&#x2F;alpynedreams.github.io&#x2F;vgui.css&#x2F;demo_greensteam</a>

More reading about VGUI: <a href="https:&#x2F;&#x2F;developer.valvesoftware.com&#x2F;wiki&#x2F;Category:VGUI" rel="nofollow">https:&#x2F;&#x2F;developer.valvesoftware.com&#x2F;wiki&#x2F;Category:VGUI</a><p>Fun fact: in CS 1.6 it could actually be reverted to the old-style WON UI by with `setinfo &quot;_vgui_menus&quot; &quot;0&quot;` in config.cfg or in the console, or buried in the menus as &quot;Options &gt; Multiplayer &gt; Advanced &gt; Buy menu type &gt; VGUI Menus&quot;.

This is the Steam UI (server browser and config), rather that CS 1.6 specifically i think? I&#x27;m having a hard time remembering what it looked like before Steam integration though.

Everyone runs faster with a knife.

Awesome<p>Though I am not a gamer I have seen my son playing different games, I loved it not because it belonged to a certain game but because it is clean and different.<p>Are there any other unique CSS libs that could be used on pages?

90s, early 2000s were peak times for UI.

Why you didn&#x27;t use progress or meter for progress bar?

Just looking at this makes me feel like a noob.<p>I tried installing CS 1.6 20 years after launch roughly and it was pointless trying to compete.

This is the kind of thing I browse Hacker News for. Well done.

Good job! But it reminds me of the dreaded VGUI.dll. (0_0) For those who wrote code for the GS engine it&#x27;s probaby one of the worst experiences.

Not gonna lie, I expected bleep bloop sound effects when clicking buttons

really takes me back. i love this. that progress bar is how i remember steam being stuck updating for ages (meanhwile it was just entirely frozen and i had to restart it)

As some one who used to play CS 1.6 for countless hours as a teenager, this is amazing and I can’t wait to use this for a fun project.

Is there a way to generate a vim colorscheme given the background and foreground as used in this CSS?

This is so epic. Makes me want to create web pages myself which I never really have to date.

nice , going to add this template to <a href="https:&#x2F;&#x2F;codekeep.io&#x2F;screenshot" rel="nofollow">https:&#x2F;&#x2F;codekeep.io&#x2F;screenshot</a> i have added 98, xp, nes before which was shared in hn.

I really like this asthetic.

Awesome stuff. Thankyou.

This is really excellent.<p>It could use some styles for tables.

coolest thing i found out today, gotta redesign my personal sites using this.

Looks a lot like Lesstif. Nice!

VGUI!

That&#x27;s my childhood.

This is awesome!

NOSTALGIA!<p>Awesome job!

Guys will see this and just think &quot;Hell yeah&quot;

Dude, I was looking for something like this earlier today. Thank you.

fucking love it

What are the best lightweight CSS UI libraries containing widgets like tabs, trees, etc.? I don&#x27;t have webdev experience (only GTK, etc.), but I need to write a web dashboard. I tried looking around but the only alternatives seem to be either bloated JS frameworks or abandoned experiments.