Hope Joins the Quest

Hope Joins the Quest

CREATIVE PORTFOLIO
EST. 2026
MINIMAL & BOLD
Scroll Down to Explore
DEVELOP
SYSTEM
TECHNOLOGY
FUTURELAB
FRONTEND
DESIGN
INTERACTIVE
CREATIVELAB
WHO AM I
CODE
CODE技术栈与工程

专注于构建高效、优雅的软件系统。深耕 TypeScript 强类型系统与前端工程化,同时利用 Python 赋能后端开发、数据处理与效率工具。

01 / 技术栈TypeScript, JavaScript, Python
02 / 工程实践Next.js, Tailwind CSS, 动效引擎
WILD
WILD视觉与创意交互

热衷于打破常规传统网页的束缚,设计并编写极具视觉张力与丝滑动效的前端页面。将代码化为画笔,把创意雕琢为现实。

01 / 创意执念把前端页面写得好看且好玩
02 / 核心元素流式动效、3D 空间感、精致微交互
LIFE
LIFE生活、探索与热爱

不只是坐在屏幕前敲击键盘的程序员。喜欢在日常里捕捉美好的光影与色彩,在代码之外保持对世界的好奇,用心体验生活的每一个真实瞬间。

01 / 线下探索户外运动、摄影记录、发现新鲜事
02 / 效率生活持续记录、保持好奇、工作生活平衡
Identity NarrativeDECODING THE CREATIVE MATRIX
Selected Creations / Showcase 01 - 03
PROJECT 01 / GRAPHICS

AETHER ENGINE

A custom WebGL rendering pipeline optimized for real-time fluid simulation and noise generation. Built with raw WebGL2, customized shaders, and custom physics solvers to showcase fluid dynamics.

WebGL 2GLSL ShadersPhysics SolverTypeScript
fluid dynamic
PROJECT 02 / DESIGN SYSTEM

SYNERGY UI

A high-fidelity motion design system for modern web interfaces. Featuring gesture-driven layouts, spring-physics animations, and fluid grid architectures.

Framer MotionSpring PhysicsSystem ArchitectureCSS Tokens
Interface Mode
Spring physics
Motion Damping
72%
FPS Render Frequency
PROJECT 03 / DATA VISUALIZATION

PHANTOM DATA

Real-time visualization tool for multi-dimensional data networks. Implements force-directed graph layouts, Web Worker computation threads, and high-performance HTML5 Canvas rendering.

HTML5 CanvasD3 ForceWeb WorkersWebSockets
01
02
03
Footer Credits

CONTACT & CREDITS

EST. 2026 / HOE DESIGN LAB