Welcome

The Open Vector is free and open.

Every lesson, guide, and resource is yours to explore without an account. But if you sign in, your progress is tracked across sessions and devices — pick up where you left off and build your learning record.

Go Further

A curated library of books, articles, courses, tools, and references. Everything the curriculum points to, and more — all in one place.

Zero-Vector Scaffold

Investiture

Architecture that teaches your AI to write clean code. Clone it. Open Claude Code. Start building.

Get the Scaffold →
Type
Topic
7 resources matching filters
book↗

Refactoring UI

Adam Wathan & Steve Schoger

Practical UI design tactics for developers. Before and after examples.

craftweb
article↗

Patterns.dev

Lydia Hallie & Addy Osmani

Modern web development and design patterns. Free, visual, well-explained.

web
reference↗

React Official Tutorial

React Team

Start here for React. The official interactive tutorial.

web
reference↗

Thinking in React

React Team

React's core mental model. How to break a UI into components.

web
reference↗

Describing the UI

React Team

React component patterns and JSX fundamentals.

web
reference↗

Vite Getting Started

Vite Team

Modern build tool setup. Fast, minimal configuration.

web
reference↗

MDN: Dealing with Files

Mozilla

Web file structure basics. How files and folders work for websites.

webfundamentals