Future Style Periodic Table
by SeanWong17 · io.github.seanwong17.future-style-periodic-table
Not TrustedWeb appUnrated★ 512 stars
赛博朋克交互式元素周期表:3D 电子排布可视化、沉浸动效与热力图 | Cyberpunk interactive periodic table with…
赛博朋克交互式元素周期表:3D 电子排布可视化、沉浸动效与热力图 | Cyberpunk interactive periodic table with 3D electron orbital visualization & heatmaps
Screenshots
About
Future Style Periodic Table 是一个运行于现代浏览器的交互式化学元素周期表。不同于传统的静态图表,本项目采用深色赛博朋克(Cyberpunk)风格,融合霓虹光效、玻璃拟态(Glassmorphism)与流畅的交互动画,重新定义化学元素的视觉呈现。 - 📐 CSS Grid:精确绘制非规则的周期表网格布局。 - 🎭 CSS 3D Transforms:transform-style: preserve-3d 实现电子轨道旋转。 - 🎨 CSS Variables:主题颜色统一管理,便于自定义。 - 📱 Responsive Design:多断点媒体查询,适配各类屏幕尺寸。 - 🔒 TypeScript Strict Mode:完整的类型覆盖,编译期捕获错误。 - 🧩 模块化设计:功能拆分为独立模块(table、modal、atom3d、heatmap 等),职责清晰。 - 数据来源: - 主要元素数据来自 Bowserinator/Periodic-Table-JSON,采用 CC BY-SA 3.0 许可证 - 化合价与同位素数据基于公开资料整理 Future Style Periodic Table is the open-source project SeanWong17/Future-Style-Periodic-Table (https://github.com/SeanWong17/Future-Style-Periodic-Table) by SeanWong17, released under MIT. Ion packages it unmodified from commit fa32eff8aa40, adding only a manifest, an icon and a storage compatibility script.
Source
Written by SeanWong17, published to Oikou by Ben Grande.
- ★ 512 stars on GitHub
- Licence: MIT
- Upstream version v3.0.0
- Built from commit fa32eff8aa40
Age rating
Not rated. Nobody has said who this app is suitable for, so Personal Clouds and the Oikou app treat it as 18+.
What version 3.0.0 may do
Internet
It asks to reach these hosts, and no others:
- seanwong17.github.io
Personal Cloud tools
None. It uses nothing from your Personal Cloud beyond its own storage.
Notifications
It does not send push notifications.
Storage
Up to 16 MB on your Personal Cloud.
Add to Personal Cloud
Sign in to add this web app to a Personal Cloud of yours. It runs there, on your own computer, and you open it from there; nothing is installed on your phone.
Versions
3.0.0 Latest Shown above
Published · a ready-built bundle
Imported from SeanWong17/Future-Style-Periodic-Table at fa32eff8aa40 (v3.0.0).