What Technologies and Tools Are Used to Build Raycast Extensions?
Updated
Raycast extensions are built with TypeScript, React, and Node.js, using the Raycast API for platform integration and npm for third-party dependencies. If you're already comfortable with a modern TypeScript/React stack, you have everything you need to start — there's no proprietary language or custom build system to learn.
The Core Stack
The Raycast API documentation states that extensions are built with three technologies working together:
| Technology | Role in a Raycast extension |
|---|---|
| TypeScript | Primary language; the API is strongly typed |
| React | Declarative UI layer for extension views |
| Node.js | Runtime for logic, file access, network calls, and npm packages |
Because these are mainstream tools, you can reuse existing knowledge, patterns, and libraries rather than learning a Raycast-specific framework.
TypeScript and a Strongly Typed API
The API is described as strongly typed, which means your editor can surface available commands, props, and return types as you write code. This reduces guesswork when wiring up commands and catching mistakes before runtime.
React for UI
Raycast supplies built-in UI components, so you don't design pixels from scratch. The documented approach is: "You concentrate on the logic, we push the pixels." Using the provided components also keeps your extension visually consistent with the rest of Raycast.
Node.js and the npm Ecosystem
Extensions run on Node.js, so you can pull in packages from npm to handle tasks like parsing, HTTP requests, or data transformation instead of writing them yourself.
Developer Experience and Tooling
Beyond the language stack, the platform emphasizes tooling that speeds up iteration:
- Hot-reloading — see changes without a full restart cycle
- Modern tooling — a development setup aligned with current front-end practices
- Strong typing — editor-assisted discovery of the API surface
The docs also describe a flexible starting point: you can begin with a simple script, add a static UI, or go further with React — "anything goes."
What You Need Before Starting
To build a Raycast extension, you should be able to:
- Write and structure TypeScript code.
- Build components with React (or be willing to learn the basics).
- Run Node.js tooling locally and install npm dependencies.
If any of those are unfamiliar, the step-by-step guides in the Basics section of the documentation are the intended entry point.
Where to Go Next in the Docs
The documentation is organized so you can find what you need quickly:
- Basics — step-by-step guides for building extensions
- Teams — building and sharing extensions with teammates
- Examples — open-source starting points to learn from
- Information — background concepts for the platform
- API Reference — detailed reference with code snippets
- Utilities — helpers for common patterns and operations
Once your extension works, the Store lets you publish and share it with all Raycast users.