LEON.DEV

WEB3 · FULL-STACK ENGINEER

LEON LI

Web3 Full-Stack Engineer

I architect and ship immersive, pixel-precise on-chain products — from DeFi & GameFi dApps to AI platforms — with React, Next.js, TypeScript and Solana / EVM.

5+Years Experience
3+Years in Web3
10+Projects Completed
Available for work
Scroll
Leon Li
@leon-li
<web3 />

// IDENTITY

Engineering the decentralized web, one interface at a time.

I'm Leon — a full-stack engineer with 5 years across the frontend and 3 years deep in Web3. I turn ambitious product visions into smooth, performant, production-grade interfaces, from on-chain trading and DeFi to AI-driven platforms.

Southwest University · 2115+ yrs Frontend3+ yrs Web3

Years Experience

Projects Completed

Satisfied Clients

// STACK

Tools of the trade

Core Frontend12
ReactVueNext.jsNNuxtTypeScriptJavaScriptHTML / CSSTailwind CSSViteWebpackElectronUniApp
Web311
SolanaEthereum / EVM@solana/web3.jsethers.jsweb3.jswagmiRRainbowKitDDynamic LabsWWeb3-OnboardUUniswap SDKAAave SDK
AI Engineering15
CursorTTraeCCodeXMCPLangChainLangGraphLLlamaIndexOOpenAIClaudeHugging FaceOllamaPPineconeMMastraAAI SDKMManim
State & Data05
ZZustandPiniaTanStack QueryMobXAxios
UI Systems04
Radix UIAnt DesignElement PlusMaterial UI
Viz & Motion06
GSAPFramer MotionEChartsRRechartsLottieAanime.js
Backend & Tooling10
Node.jsHonoDrizzle ORMSQLiteFFmpegSSharpDockerSocket.IOPHPJava
React /Vue /Next.js /Nuxt /TypeScript /JavaScript /HTML / CSS /Tailwind CSS /Vite /Webpack /Electron /UniApp /Solana /Ethereum / EVM /@solana/web3.js /ethers.js /web3.js /wagmi /RainbowKit /Dynamic Labs /Web3-Onboard /Uniswap SDK /Aave SDK /Cursor /Trae /CodeX /MCP /LangChain /LangGraph /LlamaIndex /OpenAI /Claude /Hugging Face /Ollama /Pinecone /Mastra /AI SDK /Manim /Zustand /Pinia /TanStack Query /MobX /Axios /Radix UI /Ant Design /Element Plus /Material UI /GSAP /Framer Motion /ECharts /Recharts /Lottie /anime.js /Node.js /Hono /Drizzle ORM /SQLite /FFmpeg /Sharp /Docker /Socket.IO /PHP /Java /
Java /PHP /Socket.IO /Docker /Sharp /FFmpeg /SQLite /Drizzle ORM /Hono /Node.js /anime.js /Lottie /Recharts /ECharts /Framer Motion /GSAP /Material UI /Element Plus /Ant Design /Radix UI /Axios /MobX /TanStack Query /Pinia /Zustand /Manim /AI SDK /Mastra /Pinecone /Ollama /Hugging Face /Claude /OpenAI /LlamaIndex /LangGraph /LangChain /MCP /CodeX /Trae /Cursor /Aave SDK /Uniswap SDK /Web3-Onboard /Dynamic Labs /RainbowKit /wagmi /web3.js /ethers.js /@solana/web3.js /Ethereum / EVM /Solana /UniApp /Electron /Webpack /Vite /Tailwind CSS /HTML / CSS /JavaScript /TypeScript /Nuxt /Next.js /Vue /React /

// SELECTED WORK

Selected work

Scroll to explore →

01Hermes — AI Agent Matrix

Hermes — AI Agent Matrix

A personal-IP automation matrix (AI Agent system): topic selection → script → Manim animation rendering → voiceover & subtitles → one-click multi-platform publishing (Bilibili / Douyin / YouTube / RED / Weibo / X), running fully automated on a daily schedule.

Hermes AgentManimMCPOpenAI
— internal —
02Manjie (AI Short Drama Platform)

Manjie (AI Short Drama Platform)

An AI short drama production platform supporting the complete creative workflow from script generation, rewriting, character/scene extraction, storyboard generation to image/video synthesis and local resource management.

Nuxt 3Vue 3TypeScriptHono
Visit site
03SmartGold Web

SmartGold Web

A multilingual web application for gold quantitative trading and on-chain treasury scenarios. It supports BSC wallet connection, on-chain interactions, yield display, transaction logs, market data, and news modules.

Next.js 16React 19Tailwind 4wagmi
Visit site
04CardX Web (GameFi)

CardX Web (GameFi)

CardX Web | Frontend Development

Next.js 15React 19Solana web3.jsZustand
Visit site
05$FO Ecosystem Official Website

$FO Ecosystem Official Website

FO Ecosystem | Frontend Development

Next.js 15SolanaDynamic LabsZustand
Visit site
06Turing Lab (THE IMITATION)

Turing Lab (THE IMITATION)

AI Battle Royale | Frontend Development

ViteReact 19Socket.IODynamic Wallet
Visit site

// CAPABILITIES

What I can build for you

From production dApps to desktop and mobile apps — end-to-end engineering that turns concepts into shipped, scalable products.

01

AI Application Development

02

AI Agent & Automation Matrix

03

Full-Stack Development

04

MCP & Model Integration

05

DApp Development

06

Web Development

07

Desktop App Development

08

Mobile App Development

09

Frontend Architecture

10

Animation & Interaction

11

Mini Program Development

12

Data Visualization

Available for new opportunitiesBuilding on-chain experiencesLet's create something bold

// TRANSMISSION

Let's build the future together

Have a Web3 product, a dApp, or an ambitious interface in mind? Let's make it real — reach out and let's talk.

Telegram