Library React95 用React复刻Windows95怀旧UI组件库

想给产品做个有记忆点的界面、或者做个复古风格的活动页/内部工具，从零复刻 Windows 95 的窗体、按钮、开始菜单，既费时又难看对像素。
开发者想要的是：一套现成的、能直接拖来用的 Win95 风格组件，而不是自己抠 3D 边框和灰色配色。

项目基本信息

一、项目介绍

React95/React95 是一个 MIT 协议的开源组件库，用 React 精确复刻 Windows 95 的视觉语言——灰色调、3D 凸起边框、经典按钮与窗体。它提供桌面、窗口、按钮、输入框、滑块、菜单等怀旧控件，全部用现代 React 实现，可拿来快速搭建复古风格应用、游戏 UI、活动页或玩笑项目。它把“怀旧美学”做成可组合的组件，省去手动还原像素的麻烦。

二、核心优势

1. 高度还原：经典 Win95 灰调、3D 边框与字体风格一致。
2. React 实现：现代函数组件 + hooks，符合当前 React 习惯。
3. 组件齐全：桌面、窗口、按钮、输入、滑块、菜单等怀旧控件。
4. 即取即用：拖来即用，快速做出复古风格界面。
5. MIT 协议：可自由用于商业或趣味项目。

三、适用场景

• 做复古风格的活动页、落地页或内部工具。
• 游戏或编辑器想要 Win95 风格 UI 增强沉浸感。
• 怀旧主题演示、玩笑项目或教学示例。
• 需要“经典桌面”观感的创意 Web 应用。

四、安装教程

在 React 项目中安装并引入样式：

npm install react95
import 'react95/dist/React95.css'
# 或引入主题: import 'react95/dist/React95/Windows95.css'

常见报错：漏引 CSS 会没有 95 风格；React 版本需与库支持的版本匹配。

五、使用示例

使用组件（示例 Button 与 Window）：

import { Button, Window, WindowHeader, WindowContent } from 'react95'
<Window><WindowHeader>我的电脑</WindowHeader>
  <WindowContent><Button>确定</Button></WindowContent>
</Window>

真实效果：页面出现带凸起边框、灰色标题栏的 Win95 风格窗口与按钮，鼠标悬停/按下有经典反馈，秒回 90 年代观感。

六、常见问题

Q：它适合做严肃生产应用吗？
A：更偏怀旧/创意场景；若产品需要现代无障碍与一致体验，慎用于核心界面。
Q：能换主题吗？
A：提供 Windows95 等主题 CSS，可做有限变色但整体风格固定为复古。
Q：协议能商用吗？
A：采用 MIT License，可商用与修改，需保留版权与许可声明。

七、总结

React95 把 Windows 95 的怀旧视觉做成可组合的 React 组件，让复古风格界面从“抠像素”变成“拖来即用”。对活动页、创意项目或怀旧主题，它是 MIT 协议、还原度高的趣味选择；严肃生产界面请酌情使用。