Windows 7 CSS Framework – 7.css

Preview:

Description:

7.css is a CSS only front-end framework that brings the retro Windows 7 styles to your webpage.

See Also:

• Windows 98 CSS Framework – 98.css
• Windows XP CSS Framework – XP.css
• Windows 95 Theme For Bootstrap 4 – Win95.css

How to use it:

1. Install and import the 7.css.

# NPM
$ npm i 7.css

import "7.css/dist/7.css";

2. Or include the stylesheet from a CDN.

<link rel="stylesheet" href="https://unpkg.com/7.css" />

More Previews:

Tree View

Tabs

Progress Bars

Radio Buttons

Buttons

Changelog:

v0.7.0 (05/27/2022)

• Added button’s default variant.
• Added hover state to radio, checkbox, select.
• Optimized and transformed icon path references to in-place base64 url.

v0.6.0 (05/14/2022)

• Added a scoped css file that can coexist with other styling systems.

v0.5.0 (09/04/2021)

• Added the menubar/menu component.
• Added the dialog box variant for window.

v0.4.1 (07/03/2021)

• Major fixes for Safari.

v0.4.0 (04/24/2021)

• feat: reduce size by converting icons to webp

v0.3.1 (04/24/2021)

• Split shared variables to a new file.