CLOSE ×AboutCareerStackWorkProcessContact
SYS::FE_PORTFOLIOv 26.05.09 · BUILD 042
01 · HELLO / INDEX
SOFTWARE ENGINEER · FRONTEND-LED

I turndesigns → reality

Frontend-led software engineer. I take high-fidelity Figma files and render them into pixel-perfect, performant, animated web — without losing the soul of the design.

SCROLL TO EXPLORE
FRONTEND · CMS · COMMERCE · IOTPROJECTS — 12 · YEARS — 4+
02 · IDENTITY

A frontend engineer who treats the design like a spec — and the build like a product.

Portrait of Abhishek Kumbhani
FRAME · 4:5SUBJECT · ABHISHEK
— FIRST PERSON

Hi, I'm Abhishek.

For 4+ years I've been building the user-facing layer of products that have to actually work — from a self-funded PaaS dashboard to a Contentful platform powering six brands to a jewellery storefront with realtime variant selection. I obsess over the seam between design intent and shipped UI.

I work in TypeScript, Next.js, React, Redux/Zustand. I write motion in GSAP and Framer Motion. I've shipped Strapi, Contentful, and Algolia integrations end-to-end, instrumented funnels with GA4 / GTM / Meta CAPI, and built an Electron client with encryption + digital signing for IoT firmware. I'm most useful to teams that take both design and engineering seriously.

0+
Years Shipping
0
Projects Live
0+
Multi-site Brands
0
Companies Shipped For
03 · CAREER

Five years, four chapters.

Each role earned the next. The camera holds on each chapter for a beat — scroll to advance.

NOW PLAYINGCHAPTER 01/04SURAT · INDIA
  1. 2021VRUTTI
  2. 2022KUBERNS
  3. 2024EMET
  4. 2025DEVX
VRUTTI · SURAT2021 — 2022JUNIOR

Software Engineer

Started in Surat. Owned the front-end of FUOTA — a SaaS for remote IoT firmware updates, with an Electron client to match.

+45%OPS EFFICIENCY
Globally deployed IoT devices, updated remotely.
−30%SYNC TIME
Real-time logging of the firmware transfer pipeline.
1ELECTRON APP
Encryption + digital signing for secure firmware uploads.
KUBERNS · REMOTE2022 — 2024LEAD FRONTEND

Frontend Engineer

Self-funded PaaS. Took it from idea to production-grade — front-end, dashboard, billing, and internal monitoring.

−95%USER EFFORT
Resource control across servers / DBs / Redis / workers.
−90%DEPLOY COST
Billing system + partner program.
1-CLICKREPO → LIVE
GitHub-connected multi-step deploy flow.
EMET · REMOTE2024 — 2025MID-SENIOR

Software Engineer

A Next.js mono-repo + Contentful platform powering 6+ brands from a single codebase, with custom CMS apps powering the editorial workflow.

6+BRANDS POWERED
Multi-site mono-repo, shared core + per-brand theming.
−70%PUBLISHING DELAY
Altus Content Editor v2 — wizards, validation, preview.
+30%ORGANIC TRAFFIC
SSR / SSG, structured data, metadata best practices.
DEVX · CURRENT2025 — NOWCURRENT

Software Engineer

Shipping a full-scale jewellery e-commerce — PDPs with realtime variants, optimistic cart + wishlist, admin lifecycle.

+25%PDP ENGAGEMENT
PDPs with realtime metal / size / purity variants.
+40%CART SPEED
Optimistic cart + wishlist flows.
GA4 + CAPIATTRIBUTION
Full-funnel tracking from view to revenue.
01 / 04SCROLL TO ADVANCE
04 · STACK

Tools I reach for, and the depth behind them.

Tech stacks tell you what someone has touched. The bars below tell you what they can actually do.

— LANGUAGESFRAMEWORKS —— TOOLSPLATFORMS —CORE STACK
⟨⟩TypeScript
JSJavaScript
HTML / CSS
React
Next.js
Redux
GSAP
Framer Motion
CContentful
Algolia
Tailwind
Electron

Capability depth

React / Next.js4 YR
UI Architecture4 YR
Animation & Interaction3 YR
CMS / Headless2 YR
Performance & SEO3 YR
Analytics & Tracking2 YR
05 · WORK

Five featured. Twelve in the archive.

Vertical scroll moves the panel horizontally — the page is the camera, the work is the scene.

FEATURED · CASE 01
A diamond solitaire ring on polished obsidian with floating GOLD / ROSE / PLATINUM variant chips
2025 · E-COMMERCE · CINEMATIC

An end-to-end jewellery storefront with realtime variant selection.

PDPs with metal / size / purity variants, optimistic cart + wishlist, admin dashboard for the full product lifecycle, GA4 + Meta CAPI tracking.

Next.jsStrapiReduxTailwindGA4
View case study →
FEATURED · CASE 02
Six holographic website panels arranged around a glowing cyan core node, threads connecting each panel to the centre
2024 · CMS · MULTI-BRAND

A Next.js mono-repo platform powering 6+ brands.

Centralised mono-repo + Contentful CMS, dynamic page variants for GA4 A/B tests via middleware, custom Contentful apps that cut publishing delays by 70%.

Next.jsContentfulAlgoliaGA4
View case study →
FEATURED · CASE 03
A glowing cyan monolith of code suspended in a dark void with three rays beaming down to small floating black orbs
2022 · SAAS · DEPLOY PLATFORM

Kuberns — a self-funded PaaS for one-click app deploys.

GitHub-connected dashboard, project/service collaboration, resource control for servers / DBs / Redis / workers, billing + partner program, internal monitoring.

Next.jsFramer MotionGSAPApex Charts
View case study →
FEATURED · CASE 04
A black cube hovering above a stylized cyan dotted world map with thin beams transmitting firmware to glowing dots across continents
2021 · IOT · DESKTOP + WEB

FUOTA — remote firmware updates for globally deployed IoT devices.

Web portal for device registration, real-time transfer logging, Electron app with encryption + digital signing, CI/CD scheduled updates.

ReactElectronTailwindRedux
View case study →
FEATURED · CASE 05
Three stacked glass wizard panels labelled 01 / 02 / 03 with a cyan checkmark on the front panel and a thin cyan progress bar below
2024 · CMS · INTERNAL TOOL

Altus Content Editor v2 — a Contentful custom app that cut publishing delays by 70%.

Step-by-step wizards, mandatory field validation, real-time previews — all inside a Next.js host environment.

ContentfulNext.jsTypeScript
View case study →
FEATURED01 / 05
05.B · DEEP DIVE

Kuberns — design to deploy.

Drag the handle. The Figma file on the left, the shipped page on the right. Same composition, same easing curves, same eyes.

PROBLEM

Existing PaaS tools threw every knob at the user up-front — server type, runtime, env vars, secrets, scaling — so first deploys took hours, not minutes.

APPROACH

I rebuilt the front-end as a multi-step deploy flow: connect GitHub → pick a repo → confirm runtime → allocate resources → ship. Every step has a single primary action; everything else lives behind progressive disclosure.

RESULT

User effort dropped 95% on common deploy paths. Billing + partner program brought deployment cost down 90%. Internal monitoring dashboard made oncall meaningfully calmer.

−95%
User Effort
−90%
Deploy Cost
1-Click
Repo → Live
FIGMA
LIVE
06 · METHOD

How a Figma file becomes a living site.

Four steps. Same shape every time, different details every project.

STEP 01

Understand the Design

I read the file like a spec — every spacing token, every easing curve. I write down the questions before I write code.

STEP 02

Architect the Build

Component graph, state ownership, motion plan. I'd rather spend a day here than three days untangling later.

STEP 03

Animate with Purpose

Motion is the carrier wave for meaning. Every transition has a job: hierarchy, continuity, or delight — never decoration.

STEP 04

Ship & Optimise

Lighthouse green on every commercial route. INP under 200ms. Image budgets enforced in CI. The fast version is the only version.

— LIVE DEMO

This canvas, for instance.

Move your cursor. Eighteen-by-ten lines, each pointing toward you, weighted by distance. Sixty lines of canvas, ~120 lines of math, zero dependencies.

Every section on this page has at least one of these — a small interaction that earns its place.

DEMO · CURSOR FIELDMOVE CURSOR ↗
07 · TRUST

What the people I've worked with say.

Sourced from teammates across four companies — names redacted as placeholders until I have written permission to publish.

He turned a Figma file into a live site faster than we expected, and it felt right.DESIGN LEAD · DEVX
Owns the whole front-end from data layer to motion polish.PM · EMET
Took our PaaS from idea to production-grade in a year.FOUNDER · KUBERNS
Lighthouse went from 64 to 96 in a sprint.TECH LEAD · EMET
Solved an Electron + IoT problem nobody else on the team could.CTO · VRUTTI
He turned a Figma file into a live site faster than we expected, and it felt right.DESIGN LEAD · DEVX
Owns the whole front-end from data layer to motion polish.PM · EMET
Took our PaaS from idea to production-grade in a year.FOUNDER · KUBERNS
Lighthouse went from 64 to 96 in a sprint.TECH LEAD · EMET
Solved an Electron + IoT problem nobody else on the team could.CTO · VRUTTI

He has the eye of a designer and the discipline of a senior engineer. The launch we ran in Q1 hit every milestone two weeks early.

DX
DEVX TEAM
VP DESIGN · DEVX AI LABS

I sent Abhishek Figma files and he sent back live URLs that looked like the file. That's the value. He fixed our brand site in three weeks.

EM
EMET PARTNER
CMO · EMET

Ships fast, ships clean, and the engineers we have in-house come away from every collab having learned something.

KB
KUBERNS LEAD
CTO · KUBERNS
OPEN FOR PROJECTS — 2026

Got a design? Let's make it real.

Selective collaborations. Two-week minimum, three-month sweet spot. I reply within a working day.

© 2026 — ABHISHEK KUMBHANI · ALL WORK SHOWN UNDER NDA-ADJACENT LICENSEBUILT WITH NEXT.JS, GSAP & LENIS · NO FRAMEWORK BLOAT