Author: | khang-nd |
---|---|
Views Total: | 259 views |
Official Page: | Go to website |
Last Update: | August 3, 2024 |
License: | MIT |
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.17.0 (08/03/2024)
- Allow for dynamic window colour with inline CSS variables
- Add help icon on window title bar
v0.16.0 (11/15/2023)
- Polish the window glass effect
- Add animations for the push button and fix focus outline
- Bug smashing and some visual adjustments
v0.15.0 (10/05/2023)
- Add top/left to window’s ::before to prevent unexpected behavior
- Avoid overlapping menus
- Fix font inconsistency
- Add animations for window title bar buttons
v0.14.0 (05/26/2023)
- Improvements for scrollbar
- Separate scrollbar into its own file
- Remove scrollbar’s double button
v0.13.0 (03/19/2023)
- Add balloon positioning
- Add SearchBox component
v0.12.0 (02/13/2023)
- Changing border width & margin of tabs
- Some improvements
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.