Harbor School

What it does

Learn HTML & CSS / React / Design System at once. Build a complete website with a design system in React. Then upgrade it to an interactive design system using Framer.

AI와 Framer, 디지털 디자인 툴을 실제 프로젝트로 익히는 동시대적 크리에이티브 워크숍. 다음 시대의 창작자를 위한 최초의 항구.

AI와 새로운 도구를 실제 일에 쓰는 법을 익히는 워크숍. 수료 다음 주 월요일부터 바로 적용합니다. 하버스쿨은 AI와 새로운 도구를 실제 일에 쓰는 법을 익히는 워크숍입니다. 강의를 듣고 끝나는 것이 아니라, 수료 다음 주 월요일부터 내 프로젝트에 바로 적용할 수 있는 워크플로우를 만듭니다. Claude Code를 처음 켜서, 내 일 하나를 맡아줄 AI 직원 한 명을 만들어 갑니다. 설치부터 같이 하는 3시간 원데이 클래스. 2026년 새로워진 프레이머를, 가장 잘 아는 하버스쿨에서. 코딩 없이 디자인 그대로 인터랙션·CMS·배포까지. 평생 소장 VOD. 가장 강력한 생성형 AI 도구 ComfyUI를 50여 가지 예제로 — 실제 광고 이미지를 만들면서 기초부터 고급 워크플로우까지 단계별로from harbor.school

• 
  React for Designers2018 · designcode.io · ▲286

  Course for building a React site using components

• 
  HTML to React2024 · ▲572

  Turn a design from any website into your own

• 
  Framer Guide to React2019 · react.dev · ▲265

  A guide to using React for designers

• 
  Design and Code in Framer X2018 · designcode.io · ▲312

  Learn to prototype and build components using React

• 
  React for Beginners2015 · reactforbeginners.com · ▲178

  Want to upgrade your JavaScript skills and learn React.js? Learn how to build websites and web apps in just a couple of afternoons.

• 
  Quarkly2020 · quarkly.io · ▲184

  Design tool to create sites & web apps on React

• 
  /dev/null▲494

  a social network for devs

  Dev tools · 4d ago · dev-null.sh

• 
  Run full iOS 16.5 firmware on Android Devices▲484

  Contribute to oosexgang/hackios-xnu-kernel development by creating an account on GitHub.

  Dev tools · 1d ago · github.com

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 29d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 27d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 24d ago · openbot.run

• 
  Talanoa▲346

  Hi 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 · 22d ago · talanoa.email

• 
  Lofi.cafe▲1,192

  Lofi music streams for studying, working, and relaxing.

  Life & fun · 2021 · lofi.cafe

• 
  Mighty▲931

  Make Chrome faster and use 10x less memory

  Work · 2021 · playgroundai.com

• 
  FigJam by Figma▲864

  An online whiteboard from Figma designed for teams

  Work · 2021 · figma.com

• 
  Butter▲848

  All-in-one tool for the smoothest virtual workshops 🧈

  Work · 2021

• 
  Landing Page Checklist▲809

  Build your landing page with these 100+ tools

  Growth · 2021 · landingpage.fyi

• PF
  PDFs from HTML▲742

  Life & fun · 2021 · pdf.math.dev