Self-serve, solved.

Dopt is the first developer platform for product growth. Use
our SDKs to easily build in-product onboarding and education,
iterate faster, and drive more user success.

Trusted by teams at:

Outlign logoAttio logoCycle logoFractional logo

Ship user flows in hours, not days

Move fast with simple and powerful developer tools that help you
build any flow, anywhere in your product, all in your UI.

Flow

Model flows as state machines

Visually model the states and transitions of your product flows like wizards, checklists, tours, and more.

Code integration

Access user states in code

Simple tools to access and transition individual user states in your flow. None of the complexity of building user state machines in code.

User state management

Deploy and iterate

Flow versioning, environments, and observability tools help you build and iterate confidently and quickly.

A complete developer toolkit to
easily build in-product user flows

Powerful building blocks

Easily craft the right flow for your product and users by defining states, targeting, branching, logic, and actions.

Blocks

User state management

Access user states of any block and transition users through flows with Dopt’s SDKs to easily develop experiences in your app. Dopt automatically stores the user states for you.

Block state

Content and configuration

Define fields in Dopt and access them with our SDK to power in-product content and configuration. Update without a code push.

Fields

All in one powerful platform

User and company targeting

Target on user and company properties to create tailored flows. Send data directly to Dopt or integrate with Segment.

Start blocks

Flow versioning and management

Easily deploy, restore, and audit your changes.

Flow configuration

Observability tools

Complete visibility into your users and flows.

User flow states

Headless platform

Dopt’s flexible SDKs and APIs power your UI components.

Flow versioning
Emoji star

Drive success across the entire user journey,
from new user to power user.

Initial setup exampleChecklist exampleTour exampleEmbedded tip exampleEmpty state example

Initial set up

Help users get started with set up flows. Easily build branching and conditional logic.

You could build

  • Forms to understand use case, role, and more
  • Wizard-style set up

Build better onboarding

Activate more users by guiding them to value specific to their role, permissions, or goal.

You could build

  • Getting started checklists
  • Onboarding guides
  • Product walkthroughs and tours

Increase feature adoption

Help users discover and use new and relevant features.

You could build

  • Feature walkthroughs and tours
  • Contextual call-outs
  • Opt-in feature education
  • Announcements

Contextual education

Provide users with contextual help and support, enabling them to learn the product while using it.

You could build

  • Embedded tips
  • Empty states
  • Contextual call-outs

Make any surface area targeted and editable

Enable anyone to update in-product content.

You could build

  • Editable links to help content
  • Personalized welcome screens
  • Anything!

Build better flows, your way

Dopt is flexible, headless, and can power any UI in any way you want.

Use any component library

Use your UI, open source UI, or our examples UI. Dopt SDKs work with any component library — easily.

Use your styling and branding

Dopt gives you full control over look and feel because we're unopinionated. No overrides, just your styles.

Use any user interaction

Drag and drop, hover, or focus. And yes, click. You can progress flows from any user interaction.

Dopt is the first tool we found that allows PLG companies to activate new users throughout their product adoption journey by customizing the journey down to our exact product and brand requirements without spending hundreds of hours in development. We’re excited to grow with Dopt!

Rapha Allstadt
Rapha AllstadtCEO
tl;dv logo
Emoji

Designed for developers

Dopt accelerates developer productivity by managing user flow state and providing
out-of-the-box observability tools

Explore the docs →

Versioning

Like Git for your onboarding. We handle migrating user state across versions.

Environments

Test changes in development before promoting them to production.

Observability

Visibility into how your users are experiencing flows.

Headless

Build within any UI component system.

Examples

Open source examples to help get you started.

API clients

Access and progress flows on the backend.

import { useBlock } from '@dopt/react';import { Banner } from './banner';
function WelcomeBanner() {  const [block, transition] = useBlock('welcome-banner');  return (    {block.state.active && (      <Banner onDismiss={() => transition('complete')}        {block.field('welcome-message')}      </Banner>    )}  )};

Dopt's APIs and experience-building workflow are the perfect abstraction for implementing growth experiences into product surface areas. The first time I tried Dopt, it felt like magic. I was able to build a sophisticated product walkthrough experience in < 30 minutes!

Allen Kleiner
Allen KleinerGrowth engineer
Pave logo
Emoji

What will you build with Dopt?

  • Tooltips
  • Announcements
  • Progress bars
  • Hotspots
  • Contextual tips
  • Context panes
  • Feature call-outs
  • Welcome messages
  • Launchers
  • Upsells and cross-sells
  • Embedded cards
  • Banners
  • Modals

Product and engineering teams
Heart emoji Dopt

The Dopt team is solving a real problem with user onboarding in modern apps. Dopt abstracts away messy logic and lets me get a much better visualization of exactly how a flow would work.

Alex Vale
Alex ValeGrowth, Attio
Emoji

PLG is going mainstream this year, but third party tooling hasn't caught up. Dopt is at the frontier of developer-first products that will enable more companies to build custom and effective onboarding faster.

Lauryn Isford
Lauryn IsfordHead of Growth, Airtable

Dopt optimises communication with your product team and enables frictionless and fully customised in-app flows. It's nice to feel the value instantly as the SDK is really easy to use.

Kevin Tassil
Kevin TassilSoftware Engineer, Cycle
Emoji

In addition to using Dopt to test and optimize our new user onboarding patterns, I can't wait to expand into other use cases such as driving adoption for existing users and feature announcements for major releases.

Japna Sethi
Japna SethiGrowth PM, Productboard

Implementing Dopt has been incredibly simple and it's certainly saved us time over a custom solution.

Martin Rajdl
Martin RajdlSoftware Engineer, Attio

Experimenting on discovering the right ah-ha moment seemed like a lot of work. With Dopt I’m able to try out ideas on my own and we’re seeing concrete results in our activation metrics. Definitely a product that won’t leave our stack going forward!

James de Wasseige
James de WasseigeGrowth, Cycle
Emoji

Dopt allows teams to build, test, and iterate on their funnels with fewer developer hours. The team is hyper-focused on creating a great developer experience and has years of experience in Growth product and engineering teams.

Wendy Lu
Wendy LuHead of Growth Eng, Airtable

Dopt optimises communication with your product team and enables frictionless and fully customised in-app flows. It's nice to feel the value instantly as the SDK is really easy to use.

Kevin Tassil
Kevin TassilSoftware Engineer, Cycle
Emoji

Dopt allows teams to build, test, and iterate on their funnels with fewer developer hours. The team is hyper-focused on creating a great developer experience and has years of experience in Growth product and engineering teams.

Wendy Lu
Wendy LuHead of Growth Eng, Airtable