NEON
Showcase / Landing
Glass · Neon · Motion · Single File

把你的想法

一个炫酷、现代、可直接上线的展示页:粒子背景、霓虹渐变、玻璃拟态卡片、滚动渐入、3D 视差、顶部进度条与极简交互。 只需要一个 index.html

60fps粒子动画
0外部依赖
1单文件
实时模块状态
  • 视觉系统Neon + Glass
    ONLINE
  • 交互动画Reveal + Parallax
    READY
  • 性能配置Adaptive FPS
    TUNED

霓虹渐变

多层径向光晕 + conic-gradient,营造夜景科技感。

GlowGradientVignette

玻璃拟态

半透明材质 + blur 背景,层次更高级。

BackdropBlurSoft Stroke

粒子背景

Canvas 粒子系统 + 连线,动态但轻量。

CanvasParticlesLinks

光标聚光

跟随鼠标的柔光,让页面更“活”。

SpotlightBlendSubtle

滚动渐入

IntersectionObserver 自动触发动画,顺滑不重。

RevealObserverSmooth

3D 视差

Hero 卡片跟随鼠标轻微倾斜,显得更“高级”。

TiltDepthPolish
快速上手 · 3 步
替换文案与按钮 把标题、简介、CTA 按钮换成你的产品/作品信息。
调整配色与组件 修改 CSS 里的 --a/--b/--c,或删减模块以适配场景。
直接部署上线 单文件可丢进任意静态托管(GitHub Pages / Vercel / Nginx)。