Apps give you a dedicated surface to build interactive, user-facing experiences that connect directly to your Tines workflows. Whether you're collecting input, displaying data, or triggering automations, the App builder takes you from idea to working app in minutes.
Getting started
Navigate to the Apps section in Tines. The first time you visit, a short intro will walk you through the basics. When you're ready, click "New" to create your first App.
The App builder
Once your App is created, the build process happens in the left-hand conversation panel. Type a message describing what you want to build and Tines will generate an initial version of your App within minutes.
Note: Write clear prompts to get better results.
Here's what to include:
What you want the App to do, including specific features or functionality
Whether the App should be powered by real data and connect to an existing story
The intended look and feel. You can upload mockups, references, or describe the design direction
Whether you want endpoints generated automatically (just say so in your prompt and it's handled for you)
You can keep refining your App through follow-up messages in the same conversation.
Previewing your App
The preview tab shows the visual output of your generated App. It's a fully interactive sandbox so you can click through your App exactly as a user would.
Use the built-in browser controls to:
Refresh the view
Navigate back and forward
Toggle between desktop and mobile viewport sizes
Editing code directly
The code tab contains all of the React code generated for your App. From here you can:
Browse files and search within the codebase
Edit code directly in the editor
To save your changes:
Single file: Cmd + S / Ctrl + S
All files at once: Cmd + Option + S / Ctrl + Alt + S
Connecting your App to workflows with Endpoints
Endpoints are what link your App to Tines workflows. They let your App send data to a story or receive data back from one.
There are two ways to create endpoints:
Workbench-generated endpoints (recommended)
Workbench acts as a built-in companion that can create endpoints for you automatically. From the conversation panel, ask Workbench to create or connect endpoints, and it will either generate them within an existing story or spin up a brand-new dedicated story for your App, all without leaving the builder.
Manually created endpoints
If you've already built a workflow you want to expose in your App, you can manually define endpoints in an existing story or a new one. Enable the story's inputs and outputs as App endpoints so your App can interact directly with that story and its data.