Design System Library
React component library with strict TypeScript typing, Storybook docs, and per-product theming.
ReactTypeScriptStorybook
Available for product engineering roles
Building products people love.
I design and ship responsive interfaces, design systems, and conversion-focused web apps with React, Next.js, TypeScript, and Tailwind.
ReactNext.jsTypeScriptTailwind CSSFigmaFramer Motion
Product engineer, design systems builder, frontend craftsman.
About
Springboard Coaching, Jaipur
I've spent the last five years shipping product UI for startups and growing teams — from zero-to-one launches to maintaining design systems across multiple products. I care about polish, accessibility, and getting the small details right.
Remote
Open to new roles
- Component architecture
- Design systems
- Performance & accessibility
- Animation & interaction
Owned product UI builds end-to-end across three startups
Maintained design systems used by 20+ product engineers
Shipped accessibility-first interfaces across web and mobile
5+
Years building product UI
3
Production design systems
12
Shipped product launches
Skills
Tools, frameworks, and systems I reach for across product builds.
React
Component architecture and UI composition
Next.js
App Router, SSR, caching, production delivery
TypeScript
Strict typing across frontend systems
Tailwind CSS
Token-driven design systems
Figma
Interface planning and handoff
Framer Motion
Motion systems and polish
Accessibility
Keyboard flows and inclusive UI
Storybook
Component documentation and review
React
Component architecture and UI composition
Next.js
App Router, SSR, caching, production delivery
TypeScript
Strict typing across frontend systems
Tailwind CSS
Token-driven design systems
Figma
Interface planning and handoff
Framer Motion
Motion systems and polish
Accessibility
Keyboard flows and inclusive UI
Storybook
Component documentation and review
React
Component architecture and UI composition
Next.js
App Router, SSR, caching, production delivery
TypeScript
Strict typing across frontend systems
Tailwind CSS
Token-driven design systems
Figma
Interface planning and handoff
Framer Motion
Motion systems and polish
Accessibility
Keyboard flows and inclusive UI
Storybook
Component documentation and review
React
Component architecture and UI composition
Next.js
App Router, SSR, caching, production delivery
TypeScript
Strict typing across frontend systems
Tailwind CSS
Token-driven design systems
Figma
Interface planning and handoff
Framer Motion
Motion systems and polish
Accessibility
Keyboard flows and inclusive UI
Storybook
Component documentation and review
React
Component architecture and UI composition
Next.js
App Router, SSR, caching, production delivery
TypeScript
Strict typing across frontend systems
Tailwind CSS
Token-driven design systems
Figma
Interface planning and handoff
Framer Motion
Motion systems and polish
Accessibility
Keyboard flows and inclusive UI
Storybook
Component documentation and review
React
Component architecture and UI composition
Next.js
App Router, SSR, caching, production delivery
TypeScript
Strict typing across frontend systems
Tailwind CSS
Token-driven design systems
Figma
Interface planning and handoff
Framer Motion
Motion systems and polish
Accessibility
Keyboard flows and inclusive UI
Storybook
Component documentation and review
Storybook
Component documentation and review
Accessibility
Keyboard flows and inclusive UI
Framer Motion
Motion systems and polish
Figma
Interface planning and handoff
Tailwind CSS
Token-driven design systems
TypeScript
Strict typing across frontend systems
Next.js
App Router, SSR, caching, production delivery
React
Component architecture and UI composition
Storybook
Component documentation and review
Accessibility
Keyboard flows and inclusive UI
Framer Motion
Motion systems and polish
Figma
Interface planning and handoff
Tailwind CSS
Token-driven design systems
TypeScript
Strict typing across frontend systems
Next.js
App Router, SSR, caching, production delivery
React
Component architecture and UI composition
Storybook
Component documentation and review
Accessibility
Keyboard flows and inclusive UI
Framer Motion
Motion systems and polish
Figma
Interface planning and handoff
Tailwind CSS
Token-driven design systems
TypeScript
Strict typing across frontend systems
Next.js
App Router, SSR, caching, production delivery
React
Component architecture and UI composition
Storybook
Component documentation and review
Accessibility
Keyboard flows and inclusive UI
Framer Motion
Motion systems and polish
Figma
Interface planning and handoff
Tailwind CSS
Token-driven design systems
TypeScript
Strict typing across frontend systems
Next.js
App Router, SSR, caching, production delivery
React
Component architecture and UI composition
Storybook
Component documentation and review
Accessibility
Keyboard flows and inclusive UI
Framer Motion
Motion systems and polish
Figma
Interface planning and handoff
Tailwind CSS
Token-driven design systems
TypeScript
Strict typing across frontend systems
Next.js
App Router, SSR, caching, production delivery
React
Component architecture and UI composition
Storybook
Component documentation and review
Accessibility
Keyboard flows and inclusive UI
Framer Motion
Motion systems and polish
Figma
Interface planning and handoff
Tailwind CSS
Token-driven design systems
TypeScript
Strict typing across frontend systems
Next.js
App Router, SSR, caching, production delivery
React
Component architecture and UI composition
Projects
Selected product work, design system bets, and side projects.
Customer Dashboard Rewrite
Re-platformed surfaces with shared primitives, route-level data fetching, and a refreshed visual language.
Next.jsTypeScriptTailwind CSS
Marketing Site Template
Editorial sections, animated hero, pricing table, and blog — all built on shared primitives.
Next.jsTailwind CSSFramer Motion
Analytics Workspace
Filterable analytics surfaces with KPI cards, time-series charts, and role-based navigation.
ReactTypeScriptRecharts
Storefront Conversion
Collection browsing, product detail, cart, and merchandising sections — mobile-first throughout.
Next.jsMedusaTailwind CSS
Component Docs Portal
MDX-powered docs with playgrounds, code snippets, and per-component implementation notes.
Next.jsMDXTypeScript
Experience
Roles, ownership areas, and the systems I've built in production.
2024
S
Senior Product Engineer
Studio Scale
2024 – Present
Remote
Owning product UI, design system contribution, and shipping new surfaces end-to-end.
Led the rewrite of the customer dashboard and the migration to a token-driven design system.
ReactNext.jsTypeScriptTailwind CSS
2022
P
UI Engineer
Pixel Forge Labs
2022 – 2024
Bengaluru
Built product UI primitives and onboarding flows for the SaaS suite.
Introduced component contracts and interaction specs that reduced design-to-dev handoff time.
ReactTypeScriptStorybookSCSS
2020
O
Frontend Developer
Orbit Commerce
2020 – 2022
Pune
Storefront pages, offer components, and checkout UX enhancements.
Focused on mobile-first purchase journeys and low-end device performance.
HTMLCSSJavaScriptReact
Education
Degrees, certifications, and the academic path behind the work.
Engineering College
B.Tech in Computer Science
2019 – 2023
Score: 8.7 CGPA
Software engineering, web systems, and product fundamentals.
Online Certification
Frontend Engineering Specialization
2023 – 2024
Score: Completed
Advanced React, Next.js, accessibility, and performance.
Services
How I help product teams ship faster.
Have a build in mind?
Tell me about your product or role — I'll reply with scope, fit, and next steps.
Let's talk
Share the project, role, or collaboration you have in mind.
Loading form…