Windows 7 CSS Framework – 7.css

Author: khang-nd
Views Total: 2 views
Official Page: Go to website
Last Update: May 27, 2022
License: MIT



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

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.
See also  The New CSS Reset

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)

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.

Leave a Reply

Your email address will not be published. Required fields are marked *