Product front-ends
Interfaces that hold up on a mid-range phone on a bad connection. Semantic HTML, real focus states, motion that respects reduced-motion.
- React
- Next.js
- TypeScript
Open to new work Kolkata, India
Hi, I'm
Aniruddha Adak
> Full-Stack Developer, Interface Engineer, Motion & Interaction, Open Source Builder
I build fast, accessible interfaces and measure how they move.
Aniruddha Adak
IST (UTC+5:30)
- Years building
- 0+. Shipping production web apps
- Projects shipped
- 0+. Products, not demos
- Open-source repos
- 0. Published and maintained
- Lighthouse avg
- 0. Performance, on real pages
About
A bit about me
I design and build web products end to end — from the physics of an animation to the query behind it. I care about interfaces that feel right, not just render.
I build things for the web and I like the parts other people skip. Not just the layout that looks good in a screenshot, but the frame budget behind it, the reason a spring feels bouncy, what happens when the database is cold.
- Most useful thing I built
- A dependency tree small enough to audit
- Currently learning
- GPU-side animation and the WebGPU timeline
- Currently reading
- The original Easing Functions paper, again
- Currently shipping
- Motion tools that explain themselves
What I do
The work, in four shapes
Most projects land in one of these. Each one is a different reason to hire me, and each one comes with the unglamorous parts included.
Performance work
Finding the three things costing you the most and fixing them. Bundle size, layout thrash, waterfalls, and the animations that quietly force a repaint every frame.
- Core Web Vitals
- Profiling
- Optimisation
Motion & interaction
Animation that is measured rather than guessed. Settle time, overshoot and onset latency computed from the actual spring, then exported as CSS you can ship.
- Spring physics
- Framer Motion
- Design systems
Technical direction
Choosing the stack, the shape of the data and the boring parts nobody demos. Architecture that a team can still read six months later.
- Architecture
- Postgres
- APIs
Skills
What I reach for
Levels are honest. A 75 means I have shipped with it and can debug it, not that I could answer a quiz about it.
Languages
- TypeScriptDaily driver92
- JavaScript95
- PythonData, scripting, tooling78
- SQL80
- HTML & CSS94
Frameworks
- React94
- Next.jsApp Router90
- Tailwind CSS92
- Node.js85
- Framer Motion88
Design
- Design systems82
- Interaction design85
- Figma75
- Motion designThe good kind87
- AccessibilityWCAG AA86
Tooling
- Git & CI90
- Vercel88
- Postgres82
- TestingVitest + Playwright84
- Linux & tooling80
Selected work
Things I built and shipped
A few I can talk about properly. Each one has a case study with the part that was actually hard.
live featured
Folio Motion
2026A portfolio template whose headline feature measures animation instead of guessing at it.
- Next.js 16
- TypeScript
- Framer Motion
- Postgres
- MCP
- Playwright
live featured
TruthLens
2026A deterministic credibility analyzer that refracts a creator's public record into explainable signals.
- Next.js
- TypeScript
- Postgres
- MCP
- +1
live featured
Upgrade Atelier
2026An explainable dossier for npm dependency upgrades, so 'should we bump this?' has a real answer.
- Next.js
- TypeScript
- npm registry
- MCP
More
live
Helio Commons
2025An evidence-first mission board for people tracking where compute and AI investment is actually going.
- Next.js
- TypeScript
- arXiv
- Postgres
live
Stewardship Ledger
2025A public casebook for AI stewardship, built so accountability leaves the meeting notes.
- Next.js
- TypeScript
- OpenAlex
- Postgres
live
Prompt Forge
2025A workbench that compiles a sourced prompt into a playable artifact you can actually use.
- Next.js
- TypeScript
- GitHub API
- MCP
Experience
Where I've worked
Roles, and the thing I'd tell someone considering hiring me about each one.
Senior Full-Stack Engineer
currentProduct Studio · Remote · 2024 - Present
Lead front-end architecture for a multi-tenant SaaS product. Cut the main bundle by 61% and made the first meaningful paint happen under a second on a throttled connection.
- Rebuilt the dashboard around streamed server components, removing a 340KB client bundle
- Introduced a motion system where every transition has a measured settle time, not a guess
- Cut p95 API latency by 38% by fixing N+1 queries and adding two covering indexes
- Next.js
- TypeScript
- Postgres
- React
- Tailwind
Frontend Engineer
Product Studio · Remote · 2022 - 2024
Built the customer-facing app and the design system behind it. Owned accessibility and performance as explicit, measured goals rather than a final checklist.
- Shipped a 40-component design system adopted by four product teams
- Took the marketing site from 42 to 95 on Lighthouse without adding a framework
- Wrote the accessibility guide the whole company now codes against
- React
- Next.js
- CSS
- Storybook
Full-Stack Developer
Agency · Bengaluru, India · 2021 - 2022
Delivered client work end to end, from a schema to a launch. Mostly e-commerce and internal tools, usually under a deadline that was already too close.
- Delivered 11 client projects, 9 of them still running a year later
- Standardised a checkout flow that lifted conversion 12% on the largest store
- React
- Node.js
- MongoDB
- Stripe
Frontend Developer
Freelance · Remote · 2020 - 2021
Learned to scope, quote and ship. Mostly marketing sites and small React apps, built to be handed over cleanly.
- Built 20+ sites, every one handed over with documentation
- Turned repeated client requests into a reusable starter kit
- React
- JavaScript
- Tailwind
Earlier work and education available on request
The different bit
A motion lab that measures animation
Every transition in this template can be scored by a numerical physics engine. Not a lookup table — the spring equation, integrated at a fixed 240Hz step.
A real backend, not a mock
Postgres in production, an embedded database for local dev, REST endpoints, and a full create-read-update-delete loop through the UI.
An MCP agent interface
Eight tools over JSON-RPC 2.0, including a mutating one. Point any MCP client at it and your AI can read and write your content.
An audit chain you can verify
Every change is sealed with SHA-384 and replayable from a public endpoint, so history is provable rather than merely stored.
Live integration
k=420 c=9 m=1
S
Preview playing: spring scale.
- settle
- 1246ms
- overshoot
- 47.2%
- verdict
- bouncy
That box is being moved by the same equation the engine scores. Change the parameters in the lab and every number above moves with it.
Contact
Let's talk about your project
Tell me what you're building and what's in the way. I reply to everything, usually within a day.