Next.js portfolio, blog, and experiments
Building sharp web experiences with motion, writing, and useful tools.
I use this space to collect production-minded frontend work, interactive experiments, and technical notes across React, algorithms, math, and modern web platform APIs.
currently exploring
Native view transitions, MDX systems, and smooth interaction design.
8
posts
19
topics
3
labs
const focus = ['Next.js', 'MDX', 'Animation']
Frontend architecture
Technical writing
Interactive tools
Motion systems
portfolio signals
Useful projects with visible intent.
A structured writing system for algorithms, math, React patterns, syntax-highlighted code, and reusable learning notes.
MDXShikiKaTeX
A hands-on tool for exploring parsing and route/path behavior with immediate visual feedback.
Next.jsVisualizationTools
Native route transitions, scroll-driven reveals, responsive nav behavior, and lightweight interactive polish.
View TransitionsCSSGSAP
latest writing
Notes worth opening twice.
A complete test of Markdown and MDX features for Next.js MDX Remote
5/31/20262 min read
mdxnext-mdx
In-depth examples of integrating rehype-pretty-code with advanced Shiki transformers for beautifully styled code blocks in MDX, complete with customization and copy-to-clipboard functionality.
8/29/20253 min read
rehype-pretty-codeshikitransformers
Demonstrating advanced code block features including multi-file tabs, diff highlighting, and syntax features.
2/15/20243 min read
examplescodefeatures