Windows 7 CSS Framework – 7.css

Category: CSS & CSS3 , Frameworks , Recommended | May 27, 2022
Views Total:192 views
Official Page:Go to website
Last Update:May 27, 2022


Windows 7 CSS Framework – 7.css


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

See Also:

How to use it:

1. Install and import the 7.css.

$ npm i 7.css
import "7.css/dist/7.css";

2. Or include the stylesheet from a CDN.

<link rel="stylesheet" href="" />

More Previews:

Windows 7 CSS Framework Tree View

Tree View

Windows 7 CSS Framework Tabs


Windows 7 CSS Framework Progress Bars

Progress Bars

Windows 7 CSS Framework Radio Buttons

Radio Buttons

Windows 7 CSS Framework Buttons



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.

You Might Be Interested In:

Leave a Reply