jdan/98.css
98.css
98.css is a CSS retro UI framework and component library designed to recreate the visual aesthetic of legacy desktop operating systems. It serves as a retro design system and web UI emulator, providing a collection of styles to build faithful reproductions of vintage user interfaces.
The framework employs a CSS-only component architecture to emulate classic software environments. It uses border-shadow emulation and state-based visual transitions to simulate physical button presses and three-dimensional panels without requiring external JavaScript logic.
The library covers a wide range of interface elements, including window management components like title bars, status bars, and tabbed interfaces. It provides styling for a variety of input controls, such as command buttons, sliders, and text boxes, as well as data display components including progress bars, table views, and tree views.
Features
- Desktop Emulators - Recreates the visual and functional look of legacy desktop operating system environments within the browser.
- Retro UI Design Systems - Provides a comprehensive design system for recreating the visual aesthetic of legacy desktop operating systems.
- Window Frame Styling - Provides the structural CSS to create framed application areas with resizable boundaries and title bars.
- Application Window Mockups - Enables the construction of full application window containers with title bars and body areas.
- Design System - Provides a comprehensive collection of pre-built interface elements and styles to ensure a consistent retro look.
- CSS Component Libraries - Ships a collection of pre-styled CSS components for standard interface elements like window frames and input controls.
- CSS Frameworks - Provides a comprehensive CSS framework for recreating the visual aesthetic of legacy desktop operating systems.
- Design Systems - Implements a design system for building faithful reproductions of vintage user interfaces with classic colors and borders.
- Legacy Interface Restorers - Replicates the specific layouts and controls of classic software and legacy window managers using web technologies.
- Web-Based Native UI - Provides components that render native-like legacy desktop interface elements within a web browser.
- CSS Class-Based Styling - Uses semantic CSS class names to apply specific visual styles and transformations to HTML elements.
- CSS-Only UI Components - Implements complex interactive interface elements like tabs and tree views using pure CSS without JavaScript.
- Stylized Input Fields - Provides single-line and multi-line text input fields styled to look like legacy software.
- Border Utilities - Ships utility classes to create the sunken borders characteristic of classic UI work areas.
- Three-Dimensional Border Emulation - Implements three-dimensional visual effects for buttons and panels using specific light and dark border color combinations.
- CSS State Transitions - Uses CSS pseudo-classes to change border colors and shadows during active or focused states to simulate button presses.
- Custom Window Title Bars - Renders window headers with title text and classic controls for minimizing, maximizing, and closing.
- Element Groupings - Implements group boxes that wrap sets of controls in labeled rectangular frames to organize elements.
- Nested Layout Containers - Organizes layouts by nesting window and panel classes to simulate the structure of a desktop application.
- Nostalgic UI Aesthetics - Builds digital experiences using nostalgic aesthetics and old-school interface elements to evoke a specific computing era.
- Radio Buttons - Provides styled radio buttons for mutually exclusive selection groups that emulate legacy OS aesthetics.
- Slider Components - Includes UI components for range selection sliders designed with a vintage desktop look.
- Status Bars - Provides bottom-aligned status bars for displaying contextual or state information.
- Tabbed Interfaces - Implements tabbed interfaces for organizing content into selectable views with a retro look.
- CSS Frameworks - Windows 98 inspired UI component library.
- Specialized Frameworks - Library for building Windows 98-style interfaces.
Star history
How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.
