Skip to main content

Apps in Tines

Introduction to building Apps in Tines

Written by Jamie Gaynor

Apps let you build custom, interactive front ends for your Tines workflows in minutes, without needing a dedicated development team. Whether you want a simple intake form or a full-featured internal tool, Apps give you a polished UI that connects directly to your existing stories and automations.

What an App is made of

Every App has three parts:

  • UI surfaces - the visual interface your users interact with

  • A React codebase - the underlying code that powers the App, which you can read, edit, and extend at any time

  • App endpoints - the connections between your App and your Tines stories

How Apps are built

Apps are powered by Workbench, Tines' AI assistant. You describe what you want in plain language and Workbench generates a full React application for you. You can keep prompting to refine it, or dive into the code directly - it's your choice.

Read more about Workbench here.

The App editor gives you three main views:

View

What it's for

Preview

See the visual output of your App and interact with it in real time

Code

Browse files, search the codebase, and edit code directly

Endpoints

Connect your App to Tines data and workflows

You're never locked into the AI-generated output. You have full control over the React code, styling, and package dependencies at all times.

Getting started

  1. Apps live in the main navigation in Tines.

  2. Open the Apps section from the main navigation.

  3. You'll see a list of any Apps you've already created.

  4. Click "New" to start building a new App.

  5. Describe what you want in the Workbench prompt - Tines will generate a React app for you.

  6. Use the Preview, Code, and Endpoints tabs to refine your App and connect it to your stories.

  7. When you're ready, publish your App to make it available to users.

From there, you can explore building out more complex Apps, managing versions, and configuring admin settings to control access and distribution.

Connecting to your workflows with endpoints

Endpoints are how your App talks to Tines. Each endpoint links your App to a story, letting you send data to a workflow or receive data back from one. A single App can connect to one story or many, so you can pull together data and automations from across your tenant into one coherent experience.

Publishing and versioning

Apps include a built-in manual versioning system, so you decide when changes go live.

  • Publish an App to create a stable version that your users can access

  • Revert to a previous version if you need to roll back a change

This means you can iterate and experiment freely without worrying about pushing broken changes to your users.

Did this answer your question?