今天，在github上摸鱼时偶然间发现了这玩意(bushi，感觉挺有意思，就分享一下

项目概览

项目特点

Future Style Periodic Table 是一个运行于现代浏览器的交互式化学元素周期表。不同于传统的静态图表，本项目采用深色赛博朋克（Cyberpunk）风格，融合霓虹光效、玻璃拟态（Glassmorphism）与流畅的交互动画，重新定义化学元素的视觉呈现。

项目涵盖全部 118 种化学元素，包含原子序数、相对原子质量、电子排布、同位素、化合价等详尽数据，并支持多维度热力图可视化与 3D 原子结构模拟，是学习化学知识与探索前端技术的绝佳实践。此外，它还配备了中英双语系统，使用更加广泛。

赛博朋克美学：深色背景搭配动态网格粒子，营造科技感十足的沉浸氛围。
霓虹分类高亮：10 大元素分类采用独特配色，悬停时边框发光流转。
全响应式适配：从 4K 桌面到移动端，均有优雅的布局表现（含横屏提示）。
双语支持：一键切换中文/英文界面，满足不同语言用户的需求。

热力图模式：一键切换原子半径、电负性、电离能、熔点、沸点的色谱分布。
分类筛选：点击图例即可高亮特定类别（碱金属、稀有气体、镧系/锕系等）。
实时搜索：支持通过元素符号、中英文名称或原子序数快速定位。

CSS 3D 轨道模型：基于电子排布算法实时渲染电子层与旋转电子。
手势交互：支持鼠标拖拽 / 触屏滑动，360° 旋转观察原子结构。
详尽数据卡片：展示电子排布式、分层电子数、同位素稳定性、常见化合价等。

该项目在官方库及本站均有部署
官方:https://seanwong17.github.io/Future-Style-Periodic-Table/
本站:HYJ-hello.github.io/Periodic-Table/