Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

We’re open sourcing ArrowJS 1.0: the first UI framework for coding agents. Imagine React/Vue, but with no compiler, build process, or JSX transformer. It’s just TS/JS so LLMs are already great at it. AND run generated code securely w/ sandbox pkg. ➡️

Justin Schroeder

7,641 subscribers

236,700 views • 2 months ago •via X (Twitter)

Comedy Education Science & Technology

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

We’re open-sourcing Frimousse—a lightweight, unstyled (but with a shadcn/ui version too), and composable emoji picker for React. 😊

We’re open-sourcing Frimousse—a lightweight, unstyled (but with a shadcn/ui version too), and composable emoji picker for React. 😊

Marc Bouchenoire

81,219 views • 1 year ago

Introduction to the new Sandbox Agent SDK 🛜 Control coding agents w/ HTTP or TypeScript 🌐 Universal session schema to build UIs easily 🖥️ Any sandbox or Linux/macOS machine 🤖 Claude Code, Codex, OpenCode, and Amp GitHub, docs, and skills below

Introduction to the new Sandbox Agent SDK 🛜 Control coding agents w/ HTTP or TypeScript 🌐 Universal session schema to build UIs easily 🖥️ Any sandbox or Linux/macOS machine 🤖 Claude Code, Codex, OpenCode, and Amp GitHub, docs, and skills below

Nathan Flurry 🔩

27,651 views • 4 months ago

❌ useMemo, useCallback, memo everywhere ✅ React Compiler handles it automatically React Compiler v1.0 is here. It analyzes your code at build time and adds memoization where needed.↓

❌ useMemo, useCallback, memo everywhere ✅ React Compiler handles it automatically React Compiler v1.0 is here. It analyzes your code at build time and adds memoization where needed.↓

George Moller

62,751 views • 4 months ago

We beat Claude Code in our evals: 61% to 53%. Yes, evals are actually important haha And now we’re open-sourcing our entire codebase and launching an agent framework! Now you can build custom agents for your project and get better results 🔥

We beat Claude Code in our evals: 61% to 53%. Yes, evals are actually important haha And now we’re open-sourcing our entire codebase and launching an agent framework! Now you can build custom agents for your project and get better results 🔥

James Grugett

276,478 views • 9 months ago

Hell froze over: announcing FormKit for React. Secretly framework-agnostic since inception, today we’re open sourcing the most popular Vue form library…for React. Why is this a big deal? 1. Forms are still hard. We (the creators of FormKit) thought form libraries were no longer necessary, given the trajectory of coding agents. It turns out we were wrong, and we learned this the hard way. Need repeating conditional fields nested 3 layers deep inside a dynamic component, with accessibility, validation, internationalization, and backend error placement? Turns out coding agents aren’t great at that. It’s table stakes for FormKit. 2. Single component. This matters more than you would think, but FormKit doesn’t ship lots of different components each with its own props. Instead, it has a single one: and unified props. This was done to provide a better DX to human engineers. It makes it easy to spot when a given component was part of the form’s data structure vs a presentational component. It turns out this matters even more to coding agents than humans. No matter where your coding agent is, whenever it sees “FormKit” it immediately knows “oh, that’s part of the form’s data”. 3. No plumbing. FormKit doesn’t require any manual data collection, event listening, or state tracking. It does all this for you on a heavily tested, framework agnostic, self-assembling graph. The only code your agent needs to write is declarative templates and submission handlers that respond to the state. 4. Dense colocation. FormKit’s syntax happens to be ideal for coding agents; nearly everything you need to know about a given input is *on* the input: Colocation dramatically improves the efficacy of coding agents. 5. DOM. FormKit, unlike most form frameworks in React, renders the actual DOM. This also increases colocation and best practices, meaning your coding agent is far more likely to produce consistent and high-quality output that looks and acts the way its supposed to. 6. Schema. FormKit’s own inputs are not written using Vue or React — instead, FormKit has its own render schema — think of it like an AST for the DOM — and you can modify it on the fly. It’s not very human-friendly to write, but it turns out most models are already pretty well trained on FormKit’s schema. Want your inputs to look a bit different on one form than another? No problem, your coding agent can easily make those changes *without* modifying the JSX structure at all. Oh, and any inputs you create for Vue work with React and vice versa. 7. Plugins. FormKit leans into the unstructured tree graph hard. The graph doesn’t just collect data, it also passes down configuration and plugins. Want one form to work a bit differently than another one? No problem — just add a plugin to the top of that form or group and its children will all receive that feature. You can even mass assign props and configuration this way. Of course, FormKit has been solving these exact issues for a long time, but it wasn’t until we started using it on our own projects with coding agents that we realized what a huge advantage it is. With so many people using coding agents with React, it made sense to unveil FormKit for what it has always been — a completely framework-agnostic form framework that happens to unlock your coding agents. ➡️

Hell froze over: announcing FormKit for React. Secretly framework-agnostic since inception, today we’re open sourcing the most popular Vue form library…for React. Why is this a big deal? 1. Forms are still hard. We (the creators of FormKit) thought form libraries were no longer necessary, given the trajectory of coding agents. It turns out we were wrong, and we learned this the hard way. Need repeating conditional fields nested 3 layers deep inside a dynamic component, with accessibility, validation, internationalization, and backend error placement? Turns out coding agents aren’t great at that. It’s table stakes for FormKit. 2. Single component. This matters more than you would think, but FormKit doesn’t ship lots of different components each with its own props. Instead, it has a single one: and unified props. This was done to provide a better DX to human engineers. It makes it easy to spot when a given component was part of the form’s data structure vs a presentational component. It turns out this matters even more to coding agents than humans. No matter where your coding agent is, whenever it sees “FormKit” it immediately knows “oh, that’s part of the form’s data”. 3. No plumbing. FormKit doesn’t require any manual data collection, event listening, or state tracking. It does all this for you on a heavily tested, framework agnostic, self-assembling graph. The only code your agent needs to write is declarative templates and submission handlers that respond to the state. 4. Dense colocation. FormKit’s syntax happens to be ideal for coding agents; nearly everything you need to know about a given input is on the input: Colocation dramatically improves the efficacy of coding agents. 5. DOM. FormKit, unlike most form frameworks in React, renders the actual DOM. This also increases colocation and best practices, meaning your coding agent is far more likely to produce consistent and high-quality output that looks and acts the way its supposed to. 6. Schema. FormKit’s own inputs are not written using Vue or React — instead, FormKit has its own render schema — think of it like an AST for the DOM — and you can modify it on the fly. It’s not very human-friendly to write, but it turns out most models are already pretty well trained on FormKit’s schema. Want your inputs to look a bit different on one form than another? No problem, your coding agent can easily make those changes without modifying the JSX structure at all. Oh, and any inputs you create for Vue work with React and vice versa. 7. Plugins. FormKit leans into the unstructured tree graph hard. The graph doesn’t just collect data, it also passes down configuration and plugins. Want one form to work a bit differently than another one? No problem — just add a plugin to the top of that form or group and its children will all receive that feature. You can even mass assign props and configuration this way. Of course, FormKit has been solving these exact issues for a long time, but it wasn’t until we started using it on our own projects with coding agents that we realized what a huge advantage it is. With so many people using coding agents with React, it made sense to unveil FormKit for what it has always been — a completely framework-agnostic form framework that happens to unlock your coding agents. ➡️

Justin Schroeder

11,549 views • 2 months ago

Introducing the Cline SDK. We rebuilt the Cline harness for our extension and CLI from scratch using all the lessons learned since creating one of the world's first coding agents in 2024, and are open sourcing it for others to build with today. npm i @cline/sdk 🧵

Introducing the Cline SDK. We rebuilt the Cline harness for our extension and CLI from scratch using all the lessons learned since creating one of the world's first coding agents in 2024, and are open sourcing it for others to build with today. npm i @cline/sdk 🧵

Cline

3,564,620 views • 24 days ago

🧪 Experimental: Use OpenCode with Claude Code, Codex, and Amp - Universal coding agent control - HTTP API for sandboxed agents - OpenCode TUI, web UI, SDK Available in Sandbox Agent SDK 0.1.6

🧪 Experimental: Use OpenCode with Claude Code, Codex, and Amp - Universal coding agent control - HTTP API for sandboxed agents - OpenCode TUI, web UI, SDK Available in Sandbox Agent SDK 0.1.6

Nathan Flurry 🔩

120,803 views • 4 months ago

Robotics: coding agents’ next frontier. So how good are they? We introduce CaP-X: an open-source framework and benchmark for coding agents, where they write code for robot perception and control, execute it on sim and real robots, observe the outcomes, and iteratively improve code reliability. From NVIDIA Berkeley AI Research CMU Robotics Institute Stanford AI Lab 🧵

Robotics: coding agents’ next frontier. So how good are they? We introduce CaP-X: an open-source framework and benchmark for coding agents, where they write code for robot perception and control, execute it on sim and real robots, observe the outcomes, and iteratively improve code reliability. From NVIDIA Berkeley AI Research CMU Robotics Institute Stanford AI Lab 🧵

Max Fu

167,878 views • 2 months ago

We’re honored to present the story behind the code of Nuxt, a web framework to build performant and production-grade apps and websites with Vue 🔥

We’re honored to present the story behind the code of Nuxt, a web framework to build performant and production-grade apps and websites with Vue 🔥

Supabase

78,643 views • 1 year ago

Hoping your coding agents could understand you and adapt to your preferences? Meet TOM-SWE, our new framework for coding agents that don’t just write code, but model the user's mind persistently (ranging from general preferences to small details) arxiv: ❓Motivation: Most coding agents today can plan, edit, run, and test code. But they still fail at a key part of real-world development, understanding the user! Underspecified, shifting, or context-dependent instructions can easily break them. You must have those moments when coding agents were running for 10 minutes and ended up producing things largely misaligned. (1/)

Hoping your coding agents could understand you and adapt to your preferences? Meet TOM-SWE, our new framework for coding agents that don’t just write code, but model the user's mind persistently (ranging from general preferences to small details) arxiv: ❓Motivation: Most coding agents today can plan, edit, run, and test code. But they still fail at a key part of real-world development, understanding the user! Underspecified, shifting, or context-dependent instructions can easily break them. You must have those moments when coding agents were running for 10 minutes and ended up producing things largely misaligned. (1/)

Xuhui Zhou

36,211 views • 7 months ago

I built a framework for co-ordinating AFK coding agents. It's called Sandcastle. Watch me use it to pick tasks, parallelize N coding agents, and merge the code - all AFK:

I built a framework for co-ordinating AFK coding agents. It's called Sandcastle. Watch me use it to pick tasks, parallelize N coding agents, and merge the code - all AFK:

Matt Pocock

59,308 views • 2 months ago

Goodness. The ArrowJS sandbox lets you build amazing stuff. Here's an infinite "app canvas". Drag a new box, scribble what kind of app you want, and it renders it for you. no pre-defined components no pre-defined styles no iframes ➡️

Goodness. The ArrowJS sandbox lets you build amazing stuff. Here's an infinite "app canvas". Drag a new box, scribble what kind of app you want, and it renders it for you. no pre-defined components no pre-defined styles no iframes ➡️

Justin Schroeder

18,397 views • 2 months ago

Open Interpreter's new release looks great for locally running LLMs The tool lets LLMs run code (Python, Javascript, Shell, and more) locally. You can chat with Open Interpreter through a ChatGPT-like interface in your terminal by running $ interpreter after installing. Just do `pip install open-interpreter` and then just run `- interpreter --local` sets up fast, local LLMs. Congrats killian 👏

Open Interpreter's new release looks great for locally running LLMs The tool lets LLMs run code (Python, Javascript, Shell, and more) locally. You can chat with Open Interpreter through a ChatGPT-like interface in your terminal by running $ interpreter after installing. Just do `pip install open-interpreter` and then just run `- interpreter --local` sets up fast, local LLMs. Congrats killian 👏

Rohan Paul

153,351 views • 1 year ago

Agents Are Replacing SaaS 🟢 And We’re Living It At Assisterr, we don’t just build AI agents - we use them Our own infrastructure has already replaced most traditional SaaS tools with custom-built AI agents that handle everything from analytics and reporting to workflow automation Need deep product insights? Our Analytics Assistant tracks real-time data, generates reports, and delivers actionable insights—automatically 🚀 Need a new tool? We don’t waste time looking for SaaS alternatives - we just build a custom agent. No code, no hassle, just instant automation We’re committed to making this accessible to everyone—so anyone can create, customize, and deploy AI agents tailored to their needs The future isn’t SaaS. The future is agents. And with Assisterr, it’s already here

Agents Are Replacing SaaS 🟢 And We’re Living It At Assisterr, we don’t just build AI agents - we use them Our own infrastructure has already replaced most traditional SaaS tools with custom-built AI agents that handle everything from analytics and reporting to workflow automation Need deep product insights? Our Analytics Assistant tracks real-time data, generates reports, and delivers actionable insights—automatically 🚀 Need a new tool? We don’t waste time looking for SaaS alternatives - we just build a custom agent. No code, no hassle, just instant automation We’re committed to making this accessible to everyone—so anyone can create, customize, and deploy AI agents tailored to their needs The future isn’t SaaS. The future is agents. And with Assisterr, it’s already here

assisterr

28,813 views • 1 year ago

build an agent that speaks your UI. your charts. your forms. your seat maps. multi-turn, streaming, interactive. introducing tambo 1.0, the open-source generative UI toolkit for react.

build an agent that speaks your UI. your charts. your forms. your seat maps. multi-turn, streaming, interactive. introducing tambo 1.0, the open-source generative UI toolkit for react.

Michael Magán

261,138 views • 3 months ago

It's finally here! Untitled UI React is live ✨ Untitled UI React is the world’s largest collection of open-source React components built with Tailwind CSS v4.1 and React Aria. Just copy, paste, and build. 👇

It's finally here! Untitled UI React is live ✨ Untitled UI React is the world’s largest collection of open-source React components built with Tailwind CSS v4.1 and React Aria. Just copy, paste, and build. 👇

Jordan Hughes

243,721 views • 10 months ago

Today we’re excited to introduce GenSX, an open source TypeScript framework for building backend workflows and agents with reusable, React-like components. If you know how to write a React component, then you’ll feel right at home building agents in GenSX.

Today we’re excited to introduce GenSX, an open source TypeScript framework for building backend workflows and agents with reusable, React-like components. If you know how to write a React component, then you’ll feel right at home building agents in GenSX.

Evan Boyle

14,446 views • 1 year ago

Today we're open-sourcing Gradbot. The framework we built internally at Gradium to prototype voice agents. Idea to a working prototype in around 50 lines of code

Today we're open-sourcing Gradbot. The framework we built internally at Gradium to prototype voice agents. Idea to a working prototype in around 50 lines of code

Gradium

14,423 views • 1 month ago

Introducing Multiverse: the first AI-generated multiplayer game. Multiplayer was the missing piece in AI-generated worlds — now it’s here. Players can interact and shape a shared AI-simulated world, in real-time. Training and research cost < $1.5K. Run it on your own PC. We are open-sourcing everything: code, data, weights, architecture, and research. Here’s a closer look (and how it works!):

Introducing Multiverse: the first AI-generated multiplayer game. Multiplayer was the missing piece in AI-generated worlds — now it’s here. Players can interact and shape a shared AI-simulated world, in real-time. Training and research cost < $1.5K. Run it on your own PC. We are open-sourcing everything: code, data, weights, architecture, and research. Here’s a closer look (and how it works!):

Jonathan Jacobi

384,383 views • 1 year ago

We’re open-sourcing a new tool to control how LLMs behave: k-steering. In just 10 lines of code, you can control multiple aspects of LLM behavior at the same time without any fine-tuning or prompt engineering. Here's how 👇

We’re open-sourcing a new tool to control how LLMs behave: k-steering. In just 10 lines of code, you can control multiple aspects of LLM behavior at the same time without any fine-tuning or prompt engineering. Here's how 👇

Martian

11,483 views • 1 month ago