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.
