Awesome

<picture> <source media="(prefers-color-scheme: dark)" srcset="https://imagedelivery.net/oEu9i3VEvGGhcGGAYXSBLQ/2d5c9dda-044b-49e2-5255-4a0be1085d00/public"> <source media="(prefers-color-scheme: light)" srcset="https://imagedelivery.net/oEu9i3VEvGGhcGGAYXSBLQ/064ebb1f-5153-4581-badd-42b42272fc00/public"> <img alt="Srcbook banner" src="https://imagedelivery.net/oEu9i3VEvGGhcGGAYXSBLQ/064ebb1f-5153-4581-badd-42b42272fc00/public"> </picture> <p align="center"> <a href="https://badge.fury.io/js/srcbook"><img src="https://badge.fury.io/js/srcbook.svg" alt="npm version" /></a> <a href="https://opensource.org/licenses/Apache-2.0"><img src="https://img.shields.io/badge/License-Apache%202.0-blue.svg" alt="Apache 2.0 license" /></a> </p> <p align="center"> <a href="https://hub.srcbook.com">Examples</a> · <a href="https://discord.gg/shDEGBSe2d">Discord</a> · <a href="https://www.youtube.com/@srcbook">Youtube</a> </p>

Srcbook

Srcbook is a TypeScript-centric app development platform. It allows you to create and iterate on web apps incredibly fast using AI as a pair-programmer. It can create or edit web apps, and also write and execute backend code through an interactive notebook interface.

Srcbook is open-source (apache2) and runs locally on your machine. You need to bring your own API key for AI usage (we strongly recommend Anthropic with claude-3-5-sonnet-latest).

Features

App Builder

AI app builder for TypeScript
Create, edit and run web apps
Use AI to generate the boilerplate, modify the code, and fix things
Edit the app with a hot-reloading web preview

Notebooks

Create, run, and share TypeScript notebooks
Export to valid markdown format (.src.md)
AI features for exploring and iterating on ideas
Diagraming with mermaid for rich annotations
Local execution with a web interface
Powered by Node.js

FAQ

See FAQ.

Getting Started

Srcbook runs locally on your machine as a CLI application with a web interface.

Requirements

Node 18+, we recommend using nvm to manage local node versions
corepack to manage package manager versions

Installing

We recommend using npx to always run the latest version from npm

# Using npm
npx srcbook@latest start

# Using your pm equivalent
pnpm dlx srcbook@latest start

You can instead use a global install with <pkg manager> i -g srcbook and then directly call srcbook with srcbook start

Current Commands

$ srcbook -h
Usage: srcbook [options] [command]

Srcbook is a interactive programming environment for TypeScript

Options:
  -V, --version                 output the version number
  -h, --help                    display help for command

Commands:
  start [options]               Start the Srcbook server
  import [options] <specifier>  Import a Notebook
  help [command]                display help for command

Uninstalling

You can remove srcbook by first removing the package, and then cleaning it's local directory on disk:

rm -rf ~/.srcbook

# if you configured a global install
npm uninstall -g srcbook

if you used another pm you will need to use it's specific uninstall command

Analytics and tracking

In order to improve Srcbook, we collect some behavioral analytics. We don't collect any Personal Identifiable Information (PII), our goals are simply to improve the application. The code is open source so you don't have to trust us, you can verify! You can find more information in our privacy policy.

If you want to disable tracking, you can run Srcbook with SRCBOOK_DISABLE_ANALYTICS=true set in the environment.

Contributing

For development instructions, see CONTRIBUTING.md.