Refcat/[untitled]UI reference · WebOnboarding in [untitled]10 screens · [untitled]Added to Refcat Oct 11, 2026Every screen in orderPatternsAccount SetupSelectComponentsprogress indicatorbuttoninputphone inputsocial logindropdownExplore real product flowsOnboardingCanceling a planSubscribing to a planRecording a trackCreating a folderExporting a trackHomeEditing profileSwitching to dark modeUpdating a discLogging outSearching UntitledMore UI examplesonboarding UI examplesprofile UI examplesExplore the full catalog
![[untitled] Onboarding screen 1 of 10 (Web): Application](https://cdn.refcat.app/m/v1.Dl3_R5TdJBYlUXVJ.gdwMAHDSYM2jtrSFMZje63kyPRVDOn5aOMMnczG98uF2ev2a8y2o7okqKG_HaJ-5zlC6gp5RJx09nNUoajjsfWaoSe2UN3p4ox8-am68JJes2mmtgaJHHl3zZuWOkAiRhfT-b4Bs-SVMi8orD0ODJvVi_073lDugSMhoZqW9LgraPgI2Lv-jDGMF1oG6SSDVNsTUC2MFFB3YX6en2r6qb7CbKEM.HNlBzgbMQKUb3FgZuTGEsg.png)
![[untitled] Onboarding screen 2 of 10 (Web): Application](https://cdn.refcat.app/m/v1.upMKL6n1zCBqxgrL.XPXCtALB2T67BnQkxUnEHtySjBnz5nJ-_zZ7A6wyobCuognYOhS_Mdn_y8cxhLbMTTLLqcqXtlz7G5zaQ2fq0mV_yM3FtITbxGAZDMVT4JsKvWrI6wQVVeuRdwDVGVgSz8tjvyu7NoAnmsc4_gdDPlgrwoMTAxuV8vO46IzWSckj3sS8ndhHypyfw9PsQThz2eWsG31YSXFOdFx8EAOwun-8qk0.8e0GL65hON9GvrDjUjJCFw.png)
![[untitled] Onboarding screen 3 of 10 (Web): Application](https://cdn.refcat.app/m/v1.uYWc0f_se_or0-8G.STrQVeYP61a2QRTeXSN1tcXqwSKSSEPwhB4X5n9hLMSGZ4il2yesuuG3DS-j5ys0FFqTjqLPMLhaUvv9GU48AAM1m-VRiEzyRwlxgTSd2KEw0O2NUFNiZRjVxEfeuJaNARWMWKZNo2QYi2ZpPNr3xr2g3z2XpmUAwBr6Lo-R06YDDqPXccU8OZXSLhumVf90-VPFYND_ds5TSrKed3q3lSeMpDk.dpn2FB8YtBnGoFvzMWMGiQ.png)
![[untitled] Onboarding screen 4 of 10 (Web): Application](https://cdn.refcat.app/m/v1.6W8NdePmdK6UHxNJ.sqFVdeYst3qBTH58eo0tC_7EY14p59VqDUkvGLjD3KnPqInx-CPc9q-PW0bBgyTSNnD6TlYVS5yiPloaQPSyLOTr5bxol0JachAVlWciwoFiX0iGXnsvluE0i_-CmrwdLone1cEdLvaQSZqPxjfh25ZKhu8qQlb1bIEuVdjtZKwmbnUhATUaumF1uxEk_kZViyVPQ6Q2UbXAr5IBhv7BSCuqfC4.4GpV62tZKMkZOij3geCeKA.png)
![[untitled] Onboarding screen 5 of 10 (Web): Application](https://cdn.refcat.app/m/v1.n9a-5lSvJm2Dxp2v.1DKXqUZuSFr0HPEB95mon_U2Izs0etOB2hQO-wF1aVBfH-ILkxqGed29MV8B8i6TnqLOnksNOfW_5alF2Az8Cz8I7EhI9ILMCwnrR3xHFsbiftU3VnoEeommzMfVaF_v6i9cAIxew5yew_D3gj5deRZQj6aAvngUewqHc12E-1MXfHVh7vF8di3kT0RV5Zo9G2pvsbHr_M4iU6nDTK358o6bCsk.UaMc7GciUqiEUsKqb6qQ_g.png)
![[untitled] Onboarding screen 6 of 10 (Web): Application](https://cdn.refcat.app/m/v1.uSGWzMk7Nkeb5yUg.1chyqGAwa4hhTpmJUOa7C5j7kZa0HLhlLwbZThlcq0A1fYh0vozHdz3fzdWafY91F_MY2EbF0d8lfbrRY2hE4bhdLPwKj4rabiFjfHxvPppjF-XWH4VttNB5DBSDsvLnXD891HCHS4bHIEy_tchaZdL0JmjQvuVvPjOjClO5vLk_6sVJzhTVcs2yQzLJL3B4p2rUV63r0-zwELc_NoDmAKh6fq8.Zh4j5FK9oC7Hz3wj0gkvqA.png)
![[untitled] Onboarding screen 7 of 10 (Web): Application](https://cdn.refcat.app/m/v1.4y7JrjbgydSoaygq.vwgEEbg22E-zhRCpScjvP1kVGsddNENajWXIohwupjRI7P8fA4mLW5YKWGl2dcUNJSo12o4q3-YjCIpVBQUuWzBAIYsVwM6CT3bJ9h47326QJxEZV2qEehww3mOJ0KJ3Dmvxhg02PWuHoVY-HpLdmmMBK1ZONAlM9UXBBSmi4Gnzk_-z0ATMTQgxeYk9iHJGDr1wPR6ZzOKrrXZHPjWzT7LGcEk.99yKG08enxlr0g4WFna-8g.png)
![[untitled] Onboarding screen 8 of 10 (Web): Application](https://cdn.refcat.app/m/v1.CsDTsNd4Wmvyv7oi.eotmKmapQsp8qSY5OpJwU1YJPsYEZCVh1V7sJg0iWma3EUROpXyt5YpydPbdv1ahB93thYBuezKRJYtUfegZmvmZm03fdDUgI-FNVumO7Q7jm6_hHZR7TjWnWvkJHFos4sct8HMRLGHckYEetDDj2BJcph8YXrwZTxnxQcKsWvKA7fYD7vZP4Lq4yXCpFnPBadW1abmNgr69IHndyMAhSiZ1aBo.ysd2FXSCk8q7kVDrjNV-gA.png)
![[untitled] Onboarding screen 9 of 10 (Web): Application](https://cdn.refcat.app/m/v1.I1ADRctaPPp66Ziu.aWJiadpcnDcKRpF6ROcDF_jdpBC05r5qF-2v2YTf11PeTY2mU9Ui8lNlTFxHXwl237dF5TYH_CIz3XpjFSHiZrzq175PETy-WUrzjfUridQzXW4mWE-gqjOKtNSkEx_nfvvog_9Z2U16JSCxPSLaP4tYbav3JWtHrHe2ikYOoJlwOl0QS7pdX1kf6mw7p1_qXiUSLGAHqq5HhJeYy6BHKNFonOk.EHvX0xdro1Ud9zpjzVcfeA.png)
![[untitled] Onboarding screen 10 of 10 (Web): Application](https://cdn.refcat.app/m/v1._Cmw9XTetyDyjyJe.ez-yRHR1mBirKJtHrfrDI3vGItHOkdqGTVc35Od6aIIrQCIRZkI6NpPBS2ETnqo_gQhz_wHxuhS5dCRLHK02NoM4mamWugGabDzq_ElsBd2RvZwoYQzcrVNo5G_VH1gbwF_dFOnCT0Q9MNLnJ34LINnh_QDA0XdY00X6i-R8MY70EFGya46Tahd5JUnNWGIvL5VsLX8TcQZWtc-rAdKlnz7rZP0.t9PFyVmO87MlZ8L_V3AHCw.png)