一个开源的开发者作品集,包含交互式 3D Spline 键盘,每个键帽代表一项技能,基于 Next.js、GSAP 和 Framer Motion 构建。

Stars

31

7 天增长

暂无数据

Fork 数

2

开放 Issue

0

开源协议

暂无数据

最近更新

2026-07-16

AI 仓库情报摘要
FR-AI / ANALYSIS

为什么值得关注

它提供了一个独特的、完全交互式的 3D 键盘作为技能展示,结合流畅的动画、太空主题和可选的实时功能,且是可定制的 MIT 许可证模板。

适合谁使用

  • 寻求视觉冲击力强的作品集模板的开发者
  • 希望通过 3D 交互展示技能的设计师
  • 希望个人网站脱颖而出的自由职业者或技术求职者

典型使用场景

  • 创建带有交互式技能演示的个人开发者作品集
  • 展示现代 Web 技术(Next.js、GSAP、Spline)的熟练程度
  • 部署带有可选实时访客光标和聊天的作品集

项目优势

  • 交互式 3D 键盘将技能映射到键帽,支持悬停/按下效果
  • 使用 GSAP 和 Framer Motion 实现流畅的滚动和揭示动画
  • 完全响应式,支持亮/暗模式及太空粒子背景
  • 集中化配置文件使品牌更换变得简单

使用前须知

  • 更新 3D 键盘技能需要编辑 Spline 文件并在代码中同步名称
  • 实时功能需要独立的非开源后端服务器
  • 联系表单依赖 Resend API 密钥,增加少量设置步骤

README 快速开始

Installation

项目描述

A 3D interactive developer portfolio built with Next.js, Spline, GSAP, and Framer Motion — featuring a fully interactive 3D keyboard, space-themed animations, and a blog.

相关仓库与替代方案

根据分类、Topic 和编程语言匹配的相似项目。

TanStack
精选
TanStack GitHub avatar

router

TanStack Router is a type-safe, data-driven React router with built-in caching, prefetching, and nested layouts, while TanStack Start extends it into a full-stack SSR framework.

Web 开发前端框架
14,861
vercel-labs
精选
vercel-labs GitHub avatar

scriptc

scriptc compiles ordinary TypeScript into small, fast native executables without needing Node.js, V8, or any JavaScript runtime in the binary.

开发者工具代码质量与构建
1,985
Jakubantalik
精选
Jakubantalik GitHub avatar

thinking-orbs

A React component library that renders six hand-tuned animated thought orb loading indicators on a plain 2D canvas, with two purpose-tuned sizes and automatic theme detection for AI and agent UIs.

AI 与机器学习AI 智能体
1,191