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 95 Theme For Bootstrap 4 – Win95.css
• Windows 98 CSS Framework – 98.css
• Windows XP CSS Framework – XP.css
• Retro 8-bit CSS Front-end Framework – NES.css
• Playstation Style 16-bit CSS Framework – PSone.css
• Create Classic Mac OS Style Interfaces With The System.css Library

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.11.0 (11/13/2022)

• Use <span> for menu shortcut mnemonic
• Add spinner/loader element
• Add option menu item (radio, checkbox)
• Enhance aimations for regular controls

v0.10.0 (11/13/2022)

• feat: add combobox, listbox components
• Menu enhancements
• Rename component select -> dropdown

v0.9.0 (10/30/2022)

• Window title bar active/inactive styles
• Add disabled title bar control styles
• Enhanced treeview, added collapse
• Bugfix

v0.8.1 (10/26/2022)

• Broke down forms.css into smaller components (checkbox, radiobutton, select, textbox)
• Renamed buttons.css to button.css for consistency.

v0.8.0 (10/19/2022)

• Added separate CSS for each GUI component.
• Added glow effect to title bar buttons & tweaked window shadow.

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.