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.

jdan98.css

Features

Star history