An open-source developer portfolio with an interactive 3D Spline keyboard where each keycap represents a skill, powered by Next.js, GSAP, and Framer Motion.

Stars

31

7-day growth

No data

Forks

2

Open issues

0

License

No data

Last updated

2026-07-16

AI repository intelligence
FR-AI / ANALYSIS

Why it is worth attention

It offers a unique, fully interactive 3D keyboard as a skill showcase, combined with smooth animations, a space theme, and optional realtime features, all in a customizable and MIT-licensed template.

Who it is for

  • Developers seeking a visually impressive portfolio template
  • Designers wanting to showcase skills with 3D interactions
  • Freelancers or job seekers in tech looking for a standout personal website

Use cases

  • Creating a personal developer portfolio with interactive skill demonstrations
  • Demonstrating proficiency in modern web technologies (Next.js, GSAP, Spline)
  • Deploying a portfolio with optional real-time visitor cursors and chat

Strengths

  • Interactive 3D keyboard maps skills to keycaps with hover/press effects
  • Buttery smooth scroll and reveal animations using GSAP and Framer Motion
  • Fully responsive with light/dark mode and a space-themed particle background
  • Centralized configuration file makes rebranding straightforward

Considerations

  • Updating the 3D keyboard skills requires editing a Spline file and syncing names in code
  • Realtime features need a separate, non‑open‑source backend server
  • Contact form depends on a Resend API key, which adds a small setup step

README quick start

Installation

Description

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.

Related repositories

Similar projects matched by category, topics, and programming language.

TanStack
Featured
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 DevelopmentFrontend Frameworks
14,861
vercel-labs
Featured
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.

Developer ToolsCode Quality & Build
1,985
Jakubantalik
Featured
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 & Machine LearningAI Agents
1,191