Connect Tools Step
Onboarding integrations step with Slack, GitHub, Calendar, and Drive tiles showing one pre-connected state.
Onboarding integrations step with Slack, GitHub, Calendar, and Drive tiles showing one pre-connected state.
The Application Collection unlocks the source for every Application block. All Access unlocks every Collection.
Already purchased? Log in
Connect Tools Step is the integrations screen of an onboarding flow, four tiles in a ruled list: Slack, GitHub, Calendar, and Drive. Slack is already shown connected with a secondary Connected badge and a Done checkmark in place of its Connect button. The footer note points forward honestly: you can add, remove, or reconfigure any integration from Settings > Integrations at any time.
Integrations are one typed array with a connected flag driving the badge, checkmark, and button swap per row. Showing one item already done resets the cognitive load of a four-item list to three.
Reach for this block on the tools step of a new-user onboarding wizard, wired to your OAuth connect endpoints per integration. The Skip for now and Continue buttons at the foot let users move at their own pace.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the initial tool-connection step. Other connect-tools panels:
Tip: one pre-connected tile teaches the pattern and makes the remaining items feel like one click each.