Design+Code 4
Design and code web and mobile apps with React and Swift
Design+Code 4 launched on October 15, 2020 with 259 votes, #87 of 4,018 launches that month and more than 95% of that year's launches. The site was still online in September 2026, 6 years on.
In plain words
Design+Code 4 is an online learning platform offering over 30 premium courses and 100 free tutorials covering design and web/mobile app development with React and Swift. The platform provides 120 hours of video content, certificates upon completion, and includes features like quick search and automatic light/dark mode. It serves developers and designers looking to build practical skills in modern app development across multiple platforms.
written from the facts on this page · September 2026
From the sources
Say hello to Design+Code 4 with over 30 premium online courses for learning design and code with React and Swift. V4 has been completely redesigned with over 100 free tutorials, 120 hours of video, certificates, quick search and automatic light/dark mode.
Get 300+ hours of training with templates, prompts, source code, downloadable videos, and AI chat for polished user interfaces and apps.
Does a similar job
all alternatives →
Design+Code iOS2018 · apps.apple.com · ▲403Swift 4 designers. Learn to make an iOS app, from the app
React Native Express – Learn React Native Through Interactive Examples2016 · reactnativeexpress.com · ▲496The all-in-one guide to React Native
21st.dev2025 · 21st.dev · ▲1,211I originally built this app to organize and reuse interesting React + Tailwind components I came across on Twitter, inspired by the shadcn/ui approach. Later, a friend started contributing their own components, and it got me thinking—this could grow into something bigger, like an NPM for design engineers to share and use components. Would love to hear your thoughts!
- AVA Visual IDE for React2022 · dev.aspect.app · ▲479
I made this because building UIs in a lexical medium like code is super annoying. I have to pre-render what I’m making in my head, and then jump between the browser and IDE to test. I was inspired by the developer console in chrome and safari since I end up editing css there because it’s ironically more convenient. Hope it’s useful!
More dev tools this month
the category →
open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.
Dev tools · 27d ago · github.com
Contribute to reladraw/reladraw development by creating an account on GitHub.
Dev tools · 25d ago · github.com
OpenBot▲362Grok Bot alternative: free, local, open-source, multiplayer
Dev tools · 22d ago · openbot.run
Talanoa▲340Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…
Dev tools · 20d ago · talanoa.email
CoreSpeed▲332One MCP for everything your agents need: apps, memory, tools
Dev tools · 27d ago · corespeed.io
Source: Product Hunt launch ↗
Launched alongside, October 2020
the whole month →
Free Typing Practice | Boost your typing speed while reading great books like Alice in Wonderland, 1984, Dracula, and The Art of War — or import your own!
Life & fun · 2020 · typelit.io
Built to Last. Made to Matter.
Life & fun · 2020 · buyforlifeproducts.com
Secureframe▲1,072Get enterprise ready with SOC 2 and ISO 27001 compliance
Dev tools · 2020 · secureframe.com
- WW
Life & fun · 2020 · mockmechanics.com
