# Pairel > A warm dating app template centered on swiping, profiles, and conversations. - Category: Dating - Includes: 18 screens and 34 components ## Flows Complete journeys made of this app's screens, in order. ### Onboarding CLI ID: `pairel/flows/onboarding` 1. [Join](https://composables.com/apps/pairel/screens/join.md) 2. [Phone number](https://composables.com/apps/pairel/screens/phone-number.md) 3. [Phone verification](https://composables.com/apps/pairel/screens/phone-verification.md) 4. [Profile setup](https://composables.com/apps/pairel/screens/profile-setup.md) ### Creating Account CLI ID: `pairel/flows/creating-account` 1. [Join](https://composables.com/apps/pairel/screens/join.md) 2. [Phone number](https://composables.com/apps/pairel/screens/phone-number.md) 3. [Phone verification](https://composables.com/apps/pairel/screens/phone-verification.md) 4. [Profile setup](https://composables.com/apps/pairel/screens/profile-setup.md) ### Logging In CLI ID: `pairel/flows/logging-in` 1. [Join](https://composables.com/apps/pairel/screens/join.md) 2. [Phone number](https://composables.com/apps/pairel/screens/phone-number.md) 3. [Phone verification](https://composables.com/apps/pairel/screens/phone-verification.md) ### Logging Out CLI ID: `pairel/flows/logging-out` 1. [My profile](https://composables.com/apps/pairel/screens/my-profile.md) 2. [Settings](https://composables.com/apps/pairel/screens/settings.md) 3. [Account](https://composables.com/apps/pairel/screens/account-management.md) ### Deleting & Deactivating Account CLI ID: `pairel/flows/deleting-deactivating-account` 1. [My profile](https://composables.com/apps/pairel/screens/my-profile.md) 2. [Settings](https://composables.com/apps/pairel/screens/settings.md) 3. [Account](https://composables.com/apps/pairel/screens/account-management.md) ### Editing Profile CLI ID: `pairel/flows/editing-profile` 1. [My profile](https://composables.com/apps/pairel/screens/my-profile.md) 2. [Profile details](https://composables.com/apps/pairel/screens/profile-details.md) 3. [Edit bio](https://composables.com/apps/pairel/screens/edit-bio.md) 4. [Edit height](https://composables.com/apps/pairel/screens/edit-height.md) 5. [Edit interests](https://composables.com/apps/pairel/screens/edit-interests.md) ### Chatting & Sending Messages CLI ID: `pairel/flows/chatting-sending-messages` 1. [Matches](https://composables.com/apps/pairel/screens/matches.md) 2. [Conversation](https://composables.com/apps/pairel/screens/conversation.md) ### Subscribing & Upgrading CLI ID: `pairel/flows/subscribing-upgrading` 1. [Membership](https://composables.com/apps/pairel/screens/membership.md) ## Screens - [Join](https://composables.com/apps/pairel/screens/join.md) · Welcome & Get Started, Signup, Login · `pairel/screens/join` - [Phone number](https://composables.com/apps/pairel/screens/phone-number.md) · Signup, Login · `pairel/screens/phone-number` - [Phone verification](https://composables.com/apps/pairel/screens/phone-verification.md) · Verification · `pairel/screens/phone-verification` - [Profile setup](https://composables.com/apps/pairel/screens/profile-setup.md) · Account Setup · `pairel/screens/profile-setup` - [Discovery preferences](https://composables.com/apps/pairel/screens/discovery-preferences.md) · Account Setup, Filter & Sort · `pairel/screens/discovery-preferences` - [Discover](https://composables.com/apps/pairel/screens/discover.md) · Home, Browse & Discover · `pairel/screens/discover` - [Person profile](https://composables.com/apps/pairel/screens/person-profile.md) · User / Group Profile · `pairel/screens/person-profile` - [Matches](https://composables.com/apps/pairel/screens/matches.md) · Browse & Discover · `pairel/screens/matches` - [Conversation](https://composables.com/apps/pairel/screens/conversation.md) · Chat Detail · `pairel/screens/conversation` - [My profile](https://composables.com/apps/pairel/screens/my-profile.md) · My Account & Profile · `pairel/screens/my-profile` - [Profile details](https://composables.com/apps/pairel/screens/profile-details.md) · Edit · `pairel/screens/profile-details` - [Edit bio](https://composables.com/apps/pairel/screens/edit-bio.md) · Edit · `pairel/screens/edit-bio` - [Edit height](https://composables.com/apps/pairel/screens/edit-height.md) · Edit · `pairel/screens/edit-height` - [Edit interests](https://composables.com/apps/pairel/screens/edit-interests.md) · Edit · `pairel/screens/edit-interests` - [Membership](https://composables.com/apps/pairel/screens/membership.md) · Subscription & Paywall · `pairel/screens/membership` - [Settings](https://composables.com/apps/pairel/screens/settings.md) · Settings & Preferences · `pairel/screens/settings` - [Notifications](https://composables.com/apps/pairel/screens/notifications.md) · Settings & Preferences · `pairel/screens/notifications` - [Account](https://composables.com/apps/pairel/screens/account-management.md) · My Account & Profile, Delete & Deactivate Account · `pairel/screens/account-management` ## Components - [Alert Dialog](https://composables.com/apps/pairel/components/alert-dialog.md) · Dialog · `pairel/components/alert-dialog` - [App Bar](https://composables.com/apps/pairel/components/app-bar.md) · Navigation Bar · `pairel/components/app-bar` - [Avatar](https://composables.com/apps/pairel/components/avatar.md) · Avatar · `pairel/components/avatar` - [Bottom Bar](https://composables.com/apps/pairel/components/bottom-bar.md) · Tab Bar · `pairel/components/bottom-bar` - [Bottom Bar Item](https://composables.com/apps/pairel/components/bottom-bar-item.md) · Tab Bar · `pairel/components/bottom-bar-item` - [Bottom Sheet](https://composables.com/apps/pairel/components/bottom-sheet.md) · Bottom Sheet · `pairel/components/bottom-sheet` - [Button](https://composables.com/apps/pairel/components/button.md) · Button · `pairel/components/button` - [Card](https://composables.com/apps/pairel/components/card.md) · Card · `pairel/components/card` - [Centered App Bar](https://composables.com/apps/pairel/components/centered-app-bar.md) · Navigation Bar · `pairel/components/centered-app-bar` - [Checkbox](https://composables.com/apps/pairel/components/checkbox.md) · Checkbox · `pairel/components/checkbox` - [Choice Button](https://composables.com/apps/pairel/components/choice-button.md) · Button · `pairel/components/choice-button` - [Conversation List Item](https://composables.com/apps/pairel/components/conversation-list-item.md) · List Item · `pairel/components/conversation-list-item` - [Conversations List](https://composables.com/apps/pairel/components/conversations-list.md) · List Item · `pairel/components/conversations-list` - [Disclosure](https://composables.com/apps/pairel/components/disclosure.md) · Accordion · `pairel/components/disclosure` - [Drawer](https://composables.com/apps/pairel/components/drawer.md) · Drawer · `pairel/components/drawer` - [Dropdown Menu](https://composables.com/apps/pairel/components/dropdown-menu.md) · Dropdown Menu · `pairel/components/dropdown-menu` - [Icon](https://composables.com/apps/pairel/components/icon.md) · Icon · `pairel/components/icon` - [Icon Button](https://composables.com/apps/pairel/components/icon-button.md) · Button · `pairel/components/icon-button` - [Modal Bottom Sheet](https://composables.com/apps/pairel/components/modal-bottom-sheet.md) · Bottom Sheet · `pairel/components/modal-bottom-sheet` - [Preference Toggle](https://composables.com/apps/pairel/components/preference-toggle.md) · Switch · `pairel/components/preference-toggle` - [Progress Indicator](https://composables.com/apps/pairel/components/progress-indicator.md) · Progress Indicator · `pairel/components/progress-indicator` - [Radio Group](https://composables.com/apps/pairel/components/radio-group.md) · Radio Button · `pairel/components/radio-group` - [Reply Bar](https://composables.com/apps/pairel/components/reply-bar.md) · Text Area · `pairel/components/reply-bar` - [Screen Scaffold](https://composables.com/apps/pairel/components/screen-scaffold.md) · Scaffold · `pairel/components/screen-scaffold` - [Scrollbar](https://composables.com/apps/pairel/components/scrollbar.md) · Scrollbar · `pairel/components/scrollbar` - [Separator](https://composables.com/apps/pairel/components/separator.md) · Divider · `pairel/components/separator` - [Sheet Content](https://composables.com/apps/pairel/components/sheet-content.md) · Bottom Sheet · `pairel/components/sheet-content` - [Slider](https://composables.com/apps/pairel/components/slider.md) · Slider · `pairel/components/slider` - [Tag](https://composables.com/apps/pairel/components/tag.md) · Chip · `pairel/components/tag` - [Text](https://composables.com/apps/pairel/components/text.md) · Text · `pairel/components/text` - [Text Field](https://composables.com/apps/pairel/components/text-field.md) · Text Field · `pairel/components/text-field` - [Tooltip](https://composables.com/apps/pairel/components/tooltip.md) · Tooltip · `pairel/components/tooltip` - [Tri State Checkbox](https://composables.com/apps/pairel/components/tri-state-checkbox.md) · Checkbox · `pairel/components/tri-state-checkbox` - [Your Matches Row](https://composables.com/apps/pairel/components/your-matches-row.md) · Avatar · `pairel/components/your-matches-row` ## Download The download is a ZIP with the app's 62 Kotlin source files (every screen, component and its theme) and the license. Download it from https://composables.com/apps/pairel/download while signed in to an account with a license, see [Pricing](https://composables.com/pricing.md). With the [Composables CLI](https://composables.com/docs/cli.md), run from your Gradle project: ```sh composables list "pairel/flows" composables get "pairel/flows/" composables get "pairel/components" ``` ## More app templates - [Tally](https://composables.com/apps/tally.md): A warm habit tracker template where each daily log adds to a habit's tally. - [Vela](https://composables.com/apps/vela.md): A dark, precise AI assistant template centered on streamed conversations.