NeonBlade UI

项目概述

NeonBlade UI 是一套专注于科幻未来与赛博朋克（Cyberpunk）美学的 React 组件库。采用 Tailwind CSS 与 Framer Motion 构建，提供了包含霓虹流光边框、全息扫描线 HUD 面板与故障风按钮。

核心特性

• 纯正赛博朋克 HUD 视觉：提供全息雷达扫描、发光倒角边框、终端代码雨与能量条。
• ⚡️ GPU 硬件加速光影：基于现代 CSS 滤镜与 Framer Motion，动效帧率极高。
• 源码拷贝即插即用：组件代码直接复制到本地使用，支持根据色相值灵活调光。
• 内置故障动效（Glitch）：原生支持文字抖动、色彩通道分离与全息破损视觉特效。

快速上手与示例代码

# 直接将 TSX 组件拷入 components/neonblade/ 目录

import { NeonButton } from '@/components/neonblade/button';

export default function SciFiHud() {
  return <NeonButton color="cyan">启动超空间引擎</NeonButton>;
}

技术选型建议与适用场景

• 非常适合：Web3 科技看板、游戏社区、元宇宙应用入口、科幻概念落地页及极客作品集。
• 不适用场景：严肃的中后台政企审批系统或中庸通用商业界面。