Getting Started

Welcome to Hypen! Write your UI once and run it natively on Web, Android, and iOS — all from a single codebase.

Develop Anywhere, Run Everywhere

Hypen gives you a complete development workflow out of the box:

• hypen dev — Start a hot-reloading dev server and preview in the browser
• hypen studio — Open a full in-browser IDE with live preview, state inspector, time-travel debugging, and an integrated terminal
• hypen run android — Preview your app on an Android device or emulator with hot reload
• hypen run ios — Preview your app on the iOS Simulator with hot reload
• hypen run android --studio — Edit in Studio and preview on a device at the same time

You can go from zero to running on all three platforms in minutes.

Quick Start

1. Introduction — What Hypen is and why you might want to use it

2. Installation — Install the CLI and set up your environment

3. Your First App — Build a counter app step-by-step

4. Building a Remote App — Stream your app to Web, Android, and iOS from a single server

What You'll Learn

By the end of the Getting Started guide, you'll understand:

• How to write Hypen components and templates
• How to style components with applicators
• How to manage state with modules
• How to handle user interactions with actions
• How to preview your app on Web, Android, and iOS
• How to use Hypen Studio for visual development and debugging

Ready to begin? Start with the Introduction.

Choose Your Path

Local Apps — Great for learning and simple projects:

• Follow Your First App to build a local counter

Remote Apps — Recommended for production cross-platform apps:

• Follow Building a Remote App to stream to Web, Android, and iOS