Next.js
nextjs.orgApp Router-first React framework for production-grade, performant web apps.
Design SystemNext.jsTailwind
Related Projects
Mono Grid
Design SystemNext.jsTailwind
Portfolio
Hey ! This is Mradul Kumar Katiyar
I craft monochrome, high-precision digital experiences where design discipline meets engineering rigor — built for clarity, performance, and long-term scale.
Full stack web developerAPI designersystem designer
2+
Years building
4
Product launches
12+
Technologies
About
Focused, detail-driven, and built for scale.
I build full stack systems where disciplined UI meets pragmatic backend engineering. The goal is always the same: clean UX, reliable APIs, and long-term maintainability.
I craft monochrome, high-precision experiences that prioritize performance, clarity, and resilience. Every interface I ship is meant to be fast, consistent, and easy to extend.
Current focus
- Data structures & algorithms
- Backend development
- Full stack delivery
- AI / ML foundations
- API design & architecture
Tech Stack
Core technologies I build with
Frameworks and tools with related projects, tags, and direct links.
React
react.devComponent-driven UI library used to build scalable interfaces and design systems.
Design SystemNext.jsTailwindDashboardDataProduct
Tailwind CSS
tailwindcss.comUtility-first styling workflow for fast, consistent, and responsive UI development.
Design SystemNext.jsTailwind
Related Projects
Mono Grid
Design SystemNext.jsTailwind
Experience
Prove of my tech life journey
Product, studio, and engineering roles that refined the craft.
Lead Product Designer
Studio North
Directing monochrome brand systems for emerging founders.
- ▪Built a modular design system across 5 product lines.
- ▪Reduced design-to-dev handoff time by 40%.
- +1 more skills
Senior Frontend Engineer
Atlas Labs
Delivered high-velocity UI systems for SaaS platforms.
- ▪Built accessible component libraries in React and Tailwind.
- ▪Optimized critical journeys to improve conversion by 18%.
- +1 more skills
Projects
Love to work with different tech
A snapshot of recent work across product and interface design.
ts-collection
ts-collections is a robust, Java-inspired collections framework for TypeScript, designed to provide developers with a powerful, type-safe, and feature-rich library for managing data structures. It is built with modern TypeScript features, ensuring high performance, scalability, and adherence to best practices.
java scripttype scriptnodejsdata structuresgitgithubopen source
Writing
Shayari, poems, and stories from my notebook.
A complete writing section with cover image, title, tags, and full expandable content for each post.
Gallery
Beautiful Motion, Creatively Captured.
A curated portfolio of dynamic moments captured through my camera with a creative perspective.
Contact
Let’s craft a minimal presence for your next launch.
Reach out for product partnerships, leadership, or speaking opportunities.
Send a note with your product goals or upcoming milestones.