Go back

UI Components

A collection of the custom components used across my portfolio. Feel free to view the source code and use them in your own projects!

Navbar

A floating, sticky navigation bar with fluid spring animations. Includes a dynamic boot/shutdown animation when navigating.

Tech Stack Orbit

An animated orbiting tech stack component. It displays languages and tools in continuous rotating circles using purely CSS/Framer Motion.

Front End

React JSReact JS
Next JSNext JS
Tailwind CSSTailwind CSS
Shadcn UIShadcn UI
Framer MotionFramer Motion

Back End

Node JSNode JS
MongoDBMongoDB
PostgresSQLPostgresSQL
FirebaseFirebase

Language

JavascriptJavascript
TypescriptTypescript
PythonPython
C++C++
PHPPHP

Tools

GitGit
GitHubGitHub
CursorCursor
DockerDocker
ClaudeClaude
GeminiGemini

Deployment

VercelVercel
Google CloudGoogle Cloud
NetlifyNetlify

Design

FigmaFigma

Expandable Content

An accordion-style list element that expands and collapses content with a smooth layout transition. Perfect for experience or FAQs.

Senior Software Engineer
2022 - Present

Worked on scalable distributed systems, improving latency by 40% and deploying microservices handling millions of requests.

Frontend Developer
2020 - 2022

Created beautiful, responsive user interfaces. Delivered a design system used across 5 different products.

Tooltip

A highly responsive tooltip wrapper component. Supports dynamic positioning and slick fade-in animations.

Cat Cursor

A playful custom cursor component featuring Tom the cat interacting dynamically with mouse movements and clicks. Works best on desktop.

Interact within this box with the cat cursor!