# react95/react95 **Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/react95-react95).** 3,789 stars · 147 forks · TypeScript · NOASSERTION ## Links - GitHub: https://github.com/React95/React95 - Homepage: https://react95.github.io/React95/ - awesome-repositories: https://awesome-repositories.com/repository/react95-react95.md ## Topics `design-system` `hacktoberfest` `react` `storybook` `vanilla-extract` `vanilla-extract-css` `windows95` ## Description React95 is a React component library and retro UI framework designed to replicate the visual aesthetic and interaction patterns of classic nineties desktop operating systems. It provides a collection of reusable user interface elements and a nostalgic interface library for constructing web layouts that mimic the windowing behavior of vintage computer systems. The project functions as a CSS-in-JS design system, using a centralized set of visual tokens to ensure consistent retro styling without the need for external stylesheets. It operates as a frontend design system that provides the necessary primitives to build web applications with the distinct look and feel of legacy graphical user interfaces. The library covers a broad surface of design system capabilities, including theme-driven visual mapping, prop-driven state configuration, and declarative component composition. It utilizes a token-based approach to maintain aesthetic consistency across all modular interface elements. ## Tags ### User Interface & Experience - [React Desktop UI Libraries](https://awesome-repositories.com/f/user-interface-experience/react-desktop-ui-libraries.md) — Provides a specialized library of React components designed to emulate classic desktop operating system user interfaces. - [Retro User Interface Frameworks](https://awesome-repositories.com/f/user-interface-experience/retro-user-interface-frameworks.md) — Create web application layouts using components that replicate the visual style and windowing behavior of classic desktop operating systems. ([source](https://cdn.jsdelivr.net/gh/react95/react95@master/README.md)) - [React Components](https://awesome-repositories.com/f/user-interface-experience/component-utilities/ui-frameworks/component-libraries/react-components.md) — Provides reusable interface elements specifically designed for integration within the React ecosystem. - [Design Token Systems](https://awesome-repositories.com/f/user-interface-experience/design-token-systems.md) — Uses a design token system of hierarchical variables to ensure consistent styling across all modular elements. - [Nostalgic UI Aesthetics](https://awesome-repositories.com/f/user-interface-experience/nostalgic-ui-aesthetics.md) — Offers a toolkit of interface elements and windowing behaviors that evoke the nostalgia of vintage computer systems. - [React UI Component Libraries](https://awesome-repositories.com/f/user-interface-experience/react-ui-component-libraries.md) — Offers a collection of pre-built visual elements and layouts for building retro user interfaces with React. - [Retro Desktop UI Frameworks](https://awesome-repositories.com/f/user-interface-experience/retro-desktop-ui-frameworks.md) — Provides a CSS-based design system and component library that replicates legacy desktop operating systems on the web. ([source](https://cdn.jsdelivr.net/gh/react95/react95@master/README.md)) - [Retro UI Design Systems](https://awesome-repositories.com/f/user-interface-experience/retro-ui-design-systems.md) — Provides a design system of styles and components that emulate the aesthetics of legacy operating systems. - [CSS-in-JS Implementations](https://awesome-repositories.com/f/user-interface-experience/styling-theming-systems/content-styling/component-styling-tools/component-styling/css-in-js-implementations.md) — Implements a CSS-in-JS pattern where styles are embedded directly within JavaScript files for component-level styling. - [Theme Configuration Systems](https://awesome-repositories.com/f/user-interface-experience/ui-architecture/design-utilities/design-systems/theme-architecture-frameworks/theme-configuration-systems.md) — Manages visual consistency across all components through a centralized theme configuration system. - [User Interface Components](https://awesome-repositories.com/f/user-interface-experience/user-interface-components.md) — Ships reusable UI elements and layout patterns that replicate the nostalgic style of old desktop environments. ([source](https://cdn.jsdelivr.net/gh/react95/react95@master/README.md)) - [Visual State Props](https://awesome-repositories.com/f/user-interface-experience/component-props-management/context-to-prop-mappings/configuration-prop-passing/visual-state-props.md) — Uses component properties to trigger specific visual state changes and interaction modes. - [Theme Mappings](https://awesome-repositories.com/f/user-interface-experience/configuration-driven-layouts/theme-mappings.md) — Maps theme declarations to the specific structural and stylistic elements of a legacy operating system aesthetic. - [Declarative Component Architectures](https://awesome-repositories.com/f/user-interface-experience/declarative-component-architectures.md) — Uses a hierarchical nesting of reusable visual elements to build complex, declarative user interfaces. - [Runtime Style Injection](https://awesome-repositories.com/f/user-interface-experience/styling-theming-systems/content-styling/component-styling-tools/component-styling/css-in-js-implementations/css-in-js-compilers/runtime-style-injection.md) — Injects CSS rules into the document head at runtime to remove dependencies on external stylesheets. ### Part of an Awesome List - [Design Systems](https://awesome-repositories.com/f/awesome-lists/devtools/vue-ui-libraries/design-systems.md) — Implements a comprehensive design system with consistent visual building blocks and design tokens. - [UI and Styling Tools](https://awesome-repositories.com/f/awesome-lists/devtools/ui-and-styling-tools.md) — A React component library featuring a Windows 95 UI. - [React](https://awesome-repositories.com/f/awesome-lists/more/react.md) — Listed in the “React” section of the Awesome Ui Component Library awesome list. ### Software Engineering & Architecture - [UI Component Composition](https://awesome-repositories.com/f/software-engineering-architecture/modular-architecture-interfaces/ui-component-composition.md) — Provides a system for building complex retro interfaces by composing independent, reusable UI building blocks. - [Component-Based Encapsulations](https://awesome-repositories.com/f/software-engineering-architecture/software-architecture/architectural-patterns/layering-presentation/application-layer-architectures/state-management-architectures/scope-and-hierarchy-management/closure-based-state-encapsulations/component-based-encapsulations.md) — Isolates visual styles and interaction logic within reusable component units to maintain structural consistency.