--- title: "The home for Sarthak's work." url: "https://sarthakmishra.com/" description: "Sarthak Mishra designs and builds products, writes about design, code, startups and AI, and helps teams with design systems and website migrations." image: "https://sarthakmishra.com/sarthak-og-image.webp" --- [View HTML](https://sarthakmishra.com/) ยท [Site index](https://sarthakmishra.com/llms.txt) Tap or press Enter to change its expression. You can also hold or drag it. The home for\ Sarthak's work. =============== I design and build products. Since 2018 that's meant bootstrapping my own ventures in design, AI and growth, and writing here about what works and what doesn't. [Learn more about me](https://sarthakmishra.com/about) If you need a hand, I build brand-specific design systems and migrate sites from no-code builders to code you own. [See services](https://sarthakmishra.com/services) [Let's work together](https://sarthakmishra.com/contact)[Sarthak's GitHub](https://github.com/SarthakMishra)[Sarthak's LinkedIn](https://www.linkedin.com/in/itssarthakmishra/)[Sarthak's X/Twitter](https://x.com/MishraMishry)[Sarthak's RSS Feed](https://sarthakmishra.com/rss.xml) ## Ventures. [![Winitiate logo](data:image/svg+xml,%3csvg%20width='80'%20height='80'%20viewBox='0%200%2080%2080'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='80'%20height='80'%20fill='%233B82F6'/%3e%3crect%20x='14.8403'%20y='28.5527'%20width='9.44693'%20height='29.6664'%20rx='4.72347'%20transform='rotate\(-25%2014.8403%2028.5527\)'%20fill='white'/%3e%3crect%20x='29.4502'%20y='28.5527'%20width='9.44693'%20height='29.6664'%20rx='4.72347'%20transform='rotate\(-25%2029.4502%2028.5527\)'%20fill='white'/%3e%3crect%20x='44.0601'%20y='28.5527'%20width='9.44693'%20height='29.6664'%20rx='4.72347'%20transform='rotate\(-25%2044.0601%2028.5527\)'%20fill='white'/%3e%3c/svg%3e)](https://sarthakmishra.com/work/winitiate) ### [Winitiate](https://sarthakmishra.com/work/winitiate) [2025](https://sarthakmishra.com/work/winitiate) [![Codemap logo](data:image/svg+xml,%3csvg%20width='80'%20height='80'%20viewBox='0%200%2080%2080'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='80'%20height='80'%20fill='%23FF5A51'/%3e%3cpath%20d='M40.0007%2049.8457C43.3401%2049.8458%2046.0474%2052.5532%2046.0476%2055.8926C46.0476%2059.2321%2043.3402%2061.9393%2040.0007%2061.9395C36.6611%2061.9395%2033.9539%2059.2322%2033.9539%2055.8926C33.954%2052.5531%2036.6612%2049.8457%2040.0007%2049.8457ZM22.0632%2038.4961C25.131%2038.4963%2027.6179%2040.9839%2027.6179%2044.0518C27.6177%2047.1194%2025.1309%2049.6062%2022.0632%2049.6064C18.9954%2049.6064%2016.5078%2047.1195%2016.5076%2044.0518C16.5076%2040.9838%2018.9953%2038.4961%2022.0632%2038.4961ZM57.9373%2038.4961C61.0052%2038.4961%2063.4919%2040.9838%2063.4919%2044.0518C63.4917%2047.1195%2061.0051%2049.6064%2057.9373%2049.6064C54.8694%2049.6064%2052.3828%2047.1195%2052.3826%2044.0518C52.3826%2040.9838%2054.8693%2038.4961%2057.9373%2038.4961ZM39.9998%2032.8691C40.7978%2032.8691%2041.4451%2033.5164%2041.4451%2034.3145V47.3125C41.4448%2048.1104%2040.7977%2048.7568%2039.9998%2048.7568C39.202%2048.7567%2038.5557%2048.1103%2038.5554%2047.3125V34.3145C38.5554%2033.5165%2039.2018%2032.8693%2039.9998%2032.8691ZM32.4128%2030.5C32.9235%2029.9391%2033.7922%2029.8978%2034.3533%2030.4082C34.9142%2030.9188%2034.9555%2031.7876%2034.4451%2032.3486L28.6375%2038.7285C28.1267%2039.2893%2027.258%2039.33%2026.697%2038.8193C26.136%2038.3086%2026.0955%2037.4399%2026.6062%2036.8789L32.4128%2030.5ZM45.6462%2030.4082C46.2073%2029.8977%2047.076%2029.939%2047.5867%2030.5L53.3933%2036.8789C53.904%2037.4399%2053.8635%2038.3086%2053.3025%2038.8193C52.7415%2039.3299%2051.8728%2039.2894%2051.3621%2038.7285L45.5544%2032.3486C45.0441%2031.7876%2045.0853%2030.9188%2045.6462%2030.4082ZM39.9998%2018.0566C43.7242%2018.0566%2046.7439%2021.0763%2046.7439%2024.8008C46.7438%2028.5251%2043.7241%2031.5439%2039.9998%2031.5439C36.2755%2031.5438%2033.2567%2028.525%2033.2566%2024.8008C33.2566%2021.0764%2036.2754%2018.0568%2039.9998%2018.0566Z'%20fill='white'/%3e%3c/svg%3e)](https://sarthakmishra.com/work/codemap) ### [Codemap](https://sarthakmishra.com/work/codemap) [2025](https://sarthakmishra.com/work/codemap) [![Learnway logo](data:image/svg+xml,%3csvg%20width='80'%20height='80'%20viewBox='0%200%2080%2080'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='80'%20height='80'%20fill='%2300BC7D'/%3e%3cpath%20d='M49.1471%2055.0978C50.1987%2054.6834%2051.2179%2054.191%2052.196%2053.6247V61.3405C52.196%2061.7448%2052.0354%2062.1326%2051.7495%2062.4185C51.4636%2062.7044%2051.0759%2062.865%2050.6716%2062.865C50.2672%2062.865%2049.8795%2062.7044%2049.5936%2062.4185C49.3077%2062.1326%2049.1471%2061.7448%2049.1471%2061.3405V55.0978ZM51.3881%2038.2465L40.7167%2032.5544C40.3606%2032.3726%2039.9474%2032.3379%2039.566%2032.4578C39.1846%2032.5777%2038.8656%2032.8426%2038.6777%2033.1955C38.4897%2033.5483%2038.4479%2033.9609%2038.5613%2034.3443C38.6746%2034.7277%2038.9341%2035.0512%2039.2837%2035.2452L48.1943%2039.9977L51.4338%2038.2713L51.3881%2038.2465ZM63.5839%2032.5544L40.7167%2020.3586C40.4961%2020.2411%2040.2501%2020.1797%2040.0002%2020.1797C39.7503%2020.1797%2039.5042%2020.2411%2039.2837%2020.3586L16.4164%2032.5544C16.1725%2032.6844%2015.9685%2032.8783%2015.8263%2033.1153C15.684%2033.3522%2015.6089%2033.6234%2015.6089%2033.8998C15.6089%2034.1762%2015.684%2034.4474%2015.8263%2034.6843C15.9685%2034.9213%2016.1725%2035.1152%2016.4164%2035.2452L21.7063%2038.0674V47.2943C21.7048%2048.0431%2021.9804%2048.766%2022.48%2049.3238C24.9764%2052.104%2030.5693%2056.7671%2040.0002%2056.7671C43.1272%2056.7929%2046.2308%2056.2265%2049.1471%2055.0978V40.5065L48.1943%2039.9977L40.0002%2044.3673L23.9607%2035.8054L20.3724%2033.8998L40.0002%2023.4323L59.6279%2033.8998L56.0492%2035.8054H56.0377L51.4338%2038.2713C51.6656%2038.4051%2051.8581%2038.5976%2051.9919%2038.8294C52.1257%2039.0612%2052.1961%2039.3242%2052.196%2039.5918V53.6247C54.184%2052.4771%2055.9804%2051.026%2057.5203%2049.3238C58.02%2048.766%2058.2956%2048.0431%2058.294%2047.2943V38.0674L63.5839%2035.2452C63.8279%2035.1152%2064.0318%2034.9213%2064.1741%2034.6843C64.3163%2034.4474%2064.3914%2034.1762%2064.3914%2033.8998C64.3914%2033.6234%2064.3163%2033.3522%2064.1741%2033.1153C64.0318%2032.8783%2063.8279%2032.6844%2063.5839%2032.5544Z'%20fill='white'/%3e%3c/svg%3e)](https://sarthakmishra.com/work/learnway) ### [Learnway](https://sarthakmishra.com/work/learnway) [2024](https://sarthakmishra.com/work/learnway) [![Drool logo](https://sarthakmishra.com/assets/drool-logo-Cutmt6_x.webp)](https://sarthakmishra.com/work/drool) ### [Drool](https://sarthakmishra.com/work/drool) [2023](https://sarthakmishra.com/work/drool) [![Altpack logo](data:image/svg+xml,%3csvg%20width='80'%20height='80'%20viewBox='0%200%2080%2080'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='80'%20height='80'%20fill='%232D2D2D'/%3e%3cg%20clip-path='url\(%23clip0_37_229\)'%3e%3cpath%20d='M48.58%2047.0313C55.7999%2046.2861%2061.4154%2040.1394%2061.3191%2032.702C61.2229%2024.9865%2054.6127%2018.6758%2046.8972%2018.6758H34.5716C33.6446%2018.6758%2032.8923%2019.4281%2032.8923%2020.3551V31.5468C32.8923%2032.2777%2033.4521%2032.8803%2034.1794%2032.948C40.9751%2033.5577%2046.3909%2038.9521%2047.0398%2045.7335C47.1147%2046.5143%2047.7956%2047.1097%2048.58%2047.0277V47.0313Z'%20fill='white'/%3e%3cpath%20d='M45.6886%2047.1072H34.5931C33.6554%2047.1072%2032.8924%2046.3442%2032.8924%2045.4065V34.3859C32.8924%2033.5373%2032.1544%2032.8848%2031.3094%2032.9775C24.2036%2033.7655%2018.6772%2039.791%2018.6772%2047.1072C18.6772%2054.9581%2025.0415%2061.3223%2032.8924%2061.3223C33.1527%2061.3223%2033.4094%2061.3152%2033.6661%2061.301H45.4283C46.3553%2061.301%2047.1076%2060.5487%2047.1076%2059.6217V48.5262C47.1076%2047.7418%2046.473%2047.1072%2045.6886%2047.1072V47.1072Z'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_37_229'%3e%3crect%20width='42.6456'%20height='42.6456'%20fill='white'%20transform='translate\(18.6772%2018.6758\)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e)](https://sarthakmishra.com/work/altpack) ### [Altpack](https://sarthakmishra.com/work/altpack) [2022](https://sarthakmishra.com/work/altpack) [![Weaveu logo](https://sarthakmishra.com/assets/weaveu-logo-DVczM4yJ.webp)](https://sarthakmishra.com/work/weaveu) ### [Weaveu](https://sarthakmishra.com/work/weaveu) [2021](https://sarthakmishra.com/work/weaveu) ## Services I offer. [View all services](https://sarthakmishra.com/services) [![A hand pressing a purple button on a mint interface panel with three golden-orange cards, on a peach background.](https://sarthakmishra.com/assets/design-systems-hero-CKM-ToLo.jpeg)](https://sarthakmishra.com/services/design-systems) [Starting from $1,000](https://sarthakmishra.com/services/design-systems) ## [Design Systems built for your brand and your AI tools](https://sarthakmishra.com/services/design-systems) [A brand-specific shadcn/ui library with tokens, custom components, lint rules and agent tooling, so every new screen looks like it belongs.](https://sarthakmishra.com/services/design-systems) [![An illustrated laptop beside a coffee mug with curling steam, a notebook, pen, and sticky note on a citron background.](https://sarthakmishra.com/assets/website-migrations-hero-_Oh-v7h0.jpeg)](https://sarthakmishra.com/services/migrations) [Starting from $100](https://sarthakmishra.com/services/migrations) ## [Website Migrations from Framer, Webflow, and more](https://sarthakmishra.com/services/migrations) [A faithful rebuild of your existing site in Astro, Next.js or TanStack Start, with CMS integration included.](https://sarthakmishra.com/services/migrations) ## Featured work. [View all work](https://sarthakmishra.com/work) [![Illustrated desk calendar showing a sunny day, with curling ribbon, pencil, and paperclip.](https://sarthakmishra.com/assets/mynextfiling-hero-CLY_LXjk.jpeg)](https://sarthakmishra.com/work/my-next-filing) [Sep 11 2026](https://sarthakmishra.com/work/my-next-filing) ## [My Next Filing - A Tax Plan for Freelancers in India](https://sarthakmishra.com/work/my-next-filing) [A browser-only tax planner for solo freelancers in India. Answer a few questions and get your next action, its due date, and what you still owe.](https://sarthakmishra.com/work/my-next-filing) [![Browser screenshot of Engage360 activity dashboard with revenue charts, invoice metrics, and a new leads table.](https://sarthakmishra.com/assets/engage360-hero-C0AM-5G8.jpeg)](https://sarthakmishra.com/work/ux-folio) [Nov 15 2024](https://sarthakmishra.com/work/ux-folio) ## [UX-Folio - Design Explorations & Experiments](https://sarthakmishra.com/work/ux-folio) [A collection of interesting design work, hackathon projects, and experimental interfaces created during my time at Drool agency.](https://sarthakmishra.com/work/ux-folio) [![Angled collage of grayscale app onboarding screens with lime-green buttons, profile photos, payment forms, and filters.](https://sarthakmishra.com/assets/mydrip-hero-BW8DGAja.jpeg)](https://sarthakmishra.com/work/mydrip) [Sep 15 2024](https://sarthakmishra.com/work/mydrip) ## [My Drip - AI-Powered Personalized Shopping Experience](https://sarthakmishra.com/work/mydrip) [An innovative MVP that combines generative AI with personalized eCommerce, delivering daily outfit recommendations with realistic photos of users wearing them.](https://sarthakmishra.com/work/mydrip) [![Desktop and mobile website mockups for Phidata, promoting AI app building with blue gradient waves.](https://sarthakmishra.com/assets/phidata-hero-hYuqYO84.jpeg)](https://sarthakmishra.com/work/phidata) [Apr 20 2024](https://sarthakmishra.com/work/phidata) ## [Phidata - AI Assistant Platform Landing Page](https://sarthakmishra.com/work/phidata) [A comprehensive landing page redesign for an innovative AI assistant platform, focusing on clear communication and conversion optimization.](https://sarthakmishra.com/work/phidata) ## Recent posts. [View all posts](https://sarthakmishra.com/blog) [![Hands guide three sequential interface cards from image selection to a completed checkmark.](https://sarthakmishra.com/assets/how-startups-designed-their-mvps-hero-BqVRm4If.jpeg)](https://sarthakmishra.com/blog/how-startups-designed-their-mvps) [Nov 03 2026](https://sarthakmishra.com/blog/how-startups-designed-their-mvps) ## [How Dropbox, DoorDash, Airbnb and Stripe designed their MVPs](https://sarthakmishra.com/blog/how-startups-designed-their-mvps) [Early UI and founder stories from Dropbox, DoorDash, Airbnb, Stripe, Zapier, and Product Hunt. What to design first, reuse, and leave for later.](https://sarthakmishra.com/blog/how-startups-designed-their-mvps) [![Illustrated hands frame a floating video player with play button against an abstract purple background.](https://sarthakmishra.com/assets/adaptive-video-streaming-hero-BdJfL03g.jpeg)](https://sarthakmishra.com/blog/adaptive-video-streaming) [Nov 01 2026](https://sarthakmishra.com/blog/adaptive-video-streaming) ## [Adaptive video with FFmpeg, Vite and a custom player](https://sarthakmishra.com/blog/adaptive-video-streaming) [How I turn recordings into cached AV1 and H.264 streams with FFmpeg and Vite, then play them with native HLS or Mattebox behind custom React controls.](https://sarthakmishra.com/blog/adaptive-video-streaming) [![Gold coins and a clock spiral into a deep blue vortex.](https://sarthakmishra.com/assets/scoping-a-saas-project-hero-CJ2n9BSM.jpeg)](https://sarthakmishra.com/blog/scoping-a-saas-project) [Oct 31 2026](https://sarthakmishra.com/blog/scoping-a-saas-project) ## [How to scope a SaaS project you can afford to finish](https://sarthakmishra.com/blog/scoping-a-saas-project) [How I approach SaaS scope and pricing as a former agency owner and current freelancer, and what to ask when budgeting for design and development.](https://sarthakmishra.com/blog/scoping-a-saas-project) [![Colorful illustration of a central palm tree icon surrounded by charts, interface controls, and hands.](https://sarthakmishra.com/assets/optimizing-tanstack-start-hero-CzYctZnB.jpeg)](https://sarthakmishra.com/blog/optimizing-tanstack-start) [Oct 26 2026](https://sarthakmishra.com/blog/optimizing-tanstack-start) ## [Optimizing the sh\*t out of TanStack Start](https://sarthakmishra.com/blog/optimizing-tanstack-start) [A practical TanStack Start performance guide: how cutting downloads and fixing fonts and images took my home page from 73 to 100 on mobile Lighthouse.](https://sarthakmishra.com/blog/optimizing-tanstack-start) ## Subscribe to my newsletter You'll get two emails initially: a confirmation link to verify your subscription, followed by a welcome message. Thanks for joining! You can read all of my [previous issues here](https://sarthakmishra.com/newsletter) ## Structured data ```json { "@context": "https://schema.org", "@graph": [ { "@type": "WebSite", "@id": "https://sarthakmishra.com/#website", "url": "https://sarthakmishra.com/", "name": "Sarthak Mishra", "publisher": { "@id": "https://sarthakmishra.com/#person" }, "inLanguage": "en" }, { "@type": "Person", "@id": "https://sarthakmishra.com/#person", "name": "Sarthak Mishra", "url": "https://sarthakmishra.com/about", "jobTitle": "Design Engineer", "image": "https://sarthakmishra.com/og-images/sarthak-mishra.webp", "sameAs": [ "https://github.com/SarthakMishra", "https://www.linkedin.com/in/itssarthakmishra/", "https://x.com/MishraMishry" ] }, { "@type": "WebPage", "@id": "https://sarthakmishra.com/#webpage", "url": "https://sarthakmishra.com/", "name": "Sarthak Mishra - Designer who codes!", "description": "Sarthak Mishra designs and builds products, writes about design, code, startups and AI, and helps teams with design systems and website migrations.", "inLanguage": "en", "isPartOf": { "@id": "https://sarthakmishra.com/#website" }, "about": { "@id": "https://sarthakmishra.com/#person" } } ] } ```