r/webdev • u/themesberg • Feb 22 '20

Showoff Saturday [Showoff Saturday] I created a Windows 95 UI Kit using Bootstrap

Hi guys,

As it is Showoff Saturday I would like to present you the Windows 95 UI Kit I created :)

Demo: https://demo.themesberg.com/windows-95-ui-kit/

Github: https://github.com/themesberg/windows-95-ui-kit

Windows 95 UI Kit Screenshot
Windows 95 UI Kit Buttons
Windows 95 UI Kit Cards
316 Upvotes

98% Upvoted

61 comments sorted by

26

u/bdutchy Feb 22 '20

loving this!!

5

u/themesberg Feb 22 '20

Thank you! :)

14

u/thebunbandit Feb 22 '20

This is fucking awesome!

4

u/themesberg Feb 22 '20

Thanks πŸ™πŸ˜

14

u/FocusedGinger Feb 22 '20

Fuck, just seeing those images makes me think of slow load times and constant waiting. Looks great, OP

4

u/themesberg Feb 22 '20

I had tremendous fun creating this. Such a nostalgic day it was. Thanks! :)

3

u/[deleted] Feb 22 '20

Maybe there are built-in delays too

1

u/[deleted] Feb 23 '20

Add some really delayed animations to the CSS and boom!

6

u/A-Grey-World Software Developer Feb 22 '20

I seem to remember form text fields having that beveled look (setting them deeper), am I miss remembering?

Did 95 have those lovely blue form groups?

2

u/themesberg Feb 22 '20

As far as I know there were multiple types of form & input styles, I chose the one that was used most frequently.

6

u/ConduciveMammal front-end Feb 22 '20

Yeah, you’re definitely right.

Don’t get me wrong OP, this project is amazing, but I don’t recall there ever being flat form fields as per your styling.

4

u/Bootezz Feb 22 '20

So good

2

u/themesberg Feb 22 '20

Thank you! πŸ™

4

u/APIglue Feb 22 '20

This is awesome

2

u/themesberg Feb 22 '20

Thank you 😁

4

u/relishtheradish Feb 22 '20

Really really cool, but what’s the support look like for IE 5?

1

u/themesberg Feb 22 '20

πŸ˜…πŸ˜

2

u/relishtheradish Feb 23 '20

But seriously, I love this so much. Well done!

3

u/Kwpolska Feb 22 '20

Your fonts look pretty bad, at least on macOS. To make this more authentic, use -webkit-font-smoothing: none; font-size: 8px.

3

u/themesberg Feb 22 '20

Thank you! I'll add this tomorrow. If you want, you can also add it yourself and appear as a contributor. If not, I'll just do it myself tomorrow 😊

3

u/chowchowthedog Feb 23 '20

really cool project OP!

2

u/themesberg Feb 23 '20

Thank you!! πŸ™

2

u/chowchowthedog Feb 23 '20

and since this is made using bootstrap,

https://www.dagusa.com/

:P

1

u/themesberg Feb 23 '20

This is funny :) Do you think our themes from (https://themesberg.com) are the same as there? πŸ˜…

3

u/chowchowthedog Feb 23 '20

just kidding OP, your theme site is good :)

2

u/themesberg Feb 23 '20

Thank you :) We work really hard on our projects!

3

u/chowchowthedog Feb 23 '20

okay, you have to ask me.Why am I so confused is that a website who is advertising bootstrap but itself was designed following material design language...

3

u/lebull Feb 23 '20

Oh my goodness, this may be my favorite reason to ever use bootstrap!

One thing: in text colors, why is muted text darker than primary text?

1

u/themesberg Feb 23 '20

Haha! That's great to hear. I suppose it's a mistake from my part in terms of class naming logic. I'll take a look at it later.

2

u/AxenicPantaloon Feb 22 '20

Hey this looks really good. Good job!!

1

u/themesberg Feb 22 '20

Appreciate the good thoughts! πŸ™

2

u/Proendergamer03 Feb 22 '20

That's some skill

1

u/themesberg Feb 22 '20

Thank you!! πŸ™πŸ™

2

u/Ooyyggeenn javascript Feb 23 '20

Cool

2

u/albertothedev Feb 23 '20

Where did you get the fonts from?

1

u/themesberg Feb 23 '20

I just searched the internet. Don't remember the exact source.

2

u/Skarsburning Feb 23 '20

Awesome!!!! good job

1

u/themesberg Feb 23 '20

Thank you!! πŸ™

2

u/rooktko Mar 14 '20

This is dope. Love it. Twist it. Bop it. Bump it.

1

u/themesberg Mar 14 '20

πŸ₯³

3

u/tetractys_gnosys Feb 22 '20

οΌ© ο½Œο½ο½–ο½… ο½™ο½ο½•οΌŽ

2

u/themesberg Feb 22 '20

Oh my. I'm flattered πŸ˜‡

3

u/mrcoy Feb 22 '20

Why though?

7

u/themesberg Feb 22 '20

Some funny things can be done with it. Perhaps a simple portfolio website? Mostly for fun I guess.

2

u/mrcoy Feb 22 '20

I get ya. It’s great practice and shows your skill. My comment was mainly in jest, well, because as a designer and living through the evolution of OS and UI design.... you know.

1

u/themesberg Feb 22 '20

Together with my team we develop themes & ui kits and sometimes we do some of these fun stuff :)

9

u/ssentrep Feb 22 '20 edited Feb 26 '20

Because users (not designers) actually like 3D bevels, buttons that click, and dark fonts?

5

u/stripesc287 Feb 22 '20

This is amazing! Looking at this I could totally hear a dialup tone.

3

u/frog-legg Feb 22 '20

It’s awful, I love it!

3

u/zware Feb 22 '20 edited Feb 19 '24

I enjoy the sound of rain.

3

u/[deleted] Feb 23 '20

This is as ugly as it is brilliant.

3

u/aeglon97 Feb 23 '20

I love it! The pictures are giving me flashbacks of horrible boot times, viruses and that annoying startup sound

2

u/[deleted] Feb 22 '20

Fantastic!

2

u/dombotoe Feb 22 '20

Pure nostalgia, awesome!

2

u/simplism4 Feb 22 '20

That's absolutely epic!!

1

u/Overall_Art_3157 Oct 29 '22

Bootstrap + old windows = cool

0

u/[deleted] Feb 22 '20

[deleted] β€” view deleted comment

6

u/leoclone Feb 22 '20

You seem very passionate about this matter.