[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fflows":3,"content-store-meta":-1,"i-custom:bookmark":818},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":18,"examples":497,"showcases":813,"links":814,"dates":815},"\u002Fexamples\u002Fflows","hub","flows",true,{"title":9,"description":10,"og_image":11},"User flow examples from SaaS apps - Nicelydone","Explore user flow examples for sign-up, onboarding, billing, and other SaaS tasks. Preview the opening screens of each flow and browse by user task.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe353a0e8-7f85-4801-8dd7-52105c3d7d55.png",[13,16],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":4},"User flow examples from SaaS apps",{"title":17,"eyebrow":19,"description":10,"sections":20,"body":496},"SaaS design examples",[21,55,74,103],{"title":22,"description":23,"links":24},"Getting started","Create an account, set it up, and invite teammates.",[25,30,35,40,45,50],{"id":26,"label":27,"to":28,"description":29},103,"Signing up","\u002Fexamples\u002Fflows\u002Fsigning-up","See how SaaS apps introduce creating an account. Preview how the opening screens arrange registration choices, requested details, and the transition toward initial setup.",{"id":31,"label":32,"to":33,"description":34},45,"Onboarding","\u002Fexamples\u002Fflows\u002Fonboarding","See how SaaS apps introduce a product to someone new. Preview the opening steps and how setup questions, guidance, and initial choices lead into the workspace.",{"id":36,"label":37,"to":38,"description":39},16,"Setting up account","\u002Fexamples\u002Fflows\u002Fset-up-account","See how SaaS apps introduce the details needed for a usable account. Preview the opening setup screens and how they organize profile information and initial preferences.",{"id":41,"label":42,"to":43,"description":44},11,"Inviting teammates","\u002Fexamples\u002Fflows\u002Finvite-teammates","See how SaaS apps introduce bringing other people into a workspace. Preview the opening steps for entering recipient details and choosing how the invitation will grant access.",{"id":46,"label":47,"to":48,"description":49},101,"Quick start","\u002Fexamples\u002Fflows\u002Fquick-start","See how SaaS apps offer a short route into a first task. Preview the opening screens and how starting points, instructions, and initial actions are arranged.",{"id":51,"label":52,"to":53,"description":54},17,"Following product tour","\u002Fexamples\u002Fflows\u002Ffollow-product-tour","See how SaaS apps start an introduction to their interface. Preview how a product tour presents its first steps and connects guidance with the controls being explained.",{"title":56,"description":57,"links":58},"Finding information","Find information and narrow the results.",[59,64,69],{"id":60,"label":61,"to":62,"description":63},43,"Searching","\u002Fexamples\u002Fflows\u002Fsearch","Explore how apps begin a search for information. Preview how the opening interaction connects query entry with the collection or workspace being searched.",{"id":65,"label":66,"to":67,"description":68},63,"Filtering & sorting","\u002Fexamples\u002Fflows\u002Ffilter-sort","See how apps begin narrowing or reordering a set of results. Preview how the opening interaction makes filter conditions and sorting choices available beside the collection.",{"id":70,"label":71,"to":72,"description":73},9,"Browsing guide","\u002Fexamples\u002Fflows\u002Fbrowse-guide","See how apps introduce a guide and its contents. Preview the opening steps for finding a relevant section and moving into the instructions or learning material.",{"title":75,"description":76,"links":77},"Account and subscription","Recover access or change a subscription.",[78,83,88,93,98],{"id":79,"label":80,"to":81,"description":82},58,"Resetting password","\u002Fexamples\u002Fflows\u002Freset-password","See how SaaS apps introduce recovering access to an account. Preview the opening steps for identifying the account and requesting a password reset.",{"id":84,"label":85,"to":86,"description":87},27,"Canceling subscription","\u002Fexamples\u002Fflows\u002Fcancel-subscription","See how SaaS apps introduce ending a subscription. Preview the opening steps and how plan information, cancellation reasons, and available choices are presented at the start.",{"id":89,"label":90,"to":91,"description":92},49,"Upgrading subscription","\u002Fexamples\u002Fflows\u002Fupgrade-your-plan","See how SaaS apps introduce moving to another subscription plan. Preview the opening steps and how current access, available plans, and upgrade choices are explained.",{"id":94,"label":95,"to":96,"description":97},84,"Setting up payment method","\u002Fexamples\u002Fflows\u002Fset-up-payment-method","See how SaaS apps introduce adding a way to pay. Preview the first steps for choosing a payment option and entering the details required for the account.",{"id":99,"label":100,"to":101,"description":102},13,"Deleting account","\u002Fexamples\u002Fflows\u002Fdelete-account","See how apps introduce closing an account. Preview the first steps and how the interface presents account details, consequences, and the choice to continue or leave.",{"title":104,"links":105},"More categories",[106,111,116,121,126,131,136,141,146,151,156,161,166,171,176,181,186,191,196,201,206,211,216,221,226,231,236,241,246,251,256,261,266,271,276,281,286,291,296,301,306,311,316,321,326,331,336,341,346,351,356,361,366,371,376,381,386,391,396,401,406,411,416,421,426,431,436,441,446,451,456,461,466,471,476,481,486,491],{"id":107,"label":108,"to":109,"description":110},28,"Creating","\u002Fexamples\u002Fflows\u002Fcreate","Explore how SaaS apps start the creation of a new item. Preview how the opening screens establish the type of item and the information needed to begin.",{"id":112,"label":113,"to":114,"description":115},60,"Editing","\u002Fexamples\u002Fflows\u002Fedit","Explore how SaaS apps start changes to an existing item. Preview the first steps for locating editable information and entering the editing interface.",{"id":117,"label":118,"to":119,"description":120},71,"Settings","\u002Fexamples\u002Fflows\u002Fsettings","See how apps lead people into changing a preference or configuration. Preview the opening steps for locating the relevant settings and choosing what to adjust.",{"id":122,"label":123,"to":124,"description":125},80,"Adding","\u002Fexamples\u002Fflows\u002Fadd","See how SaaS apps introduce adding an item to an existing workspace. Preview the opening steps and how the interface establishes what will be added and where it belongs.",{"id":127,"label":128,"to":129,"description":130},21,"Deleting","\u002Fexamples\u002Fflows\u002Fdelete","Explore how apps introduce removing an item. Preview the opening steps and how the interface identifies the content involved before asking someone to proceed.",{"id":132,"label":133,"to":134,"description":135},67,"Customizing","\u002Fexamples\u002Fflows\u002Fcustomize","See how apps introduce changes to appearance or behavior. Preview the opening steps for finding customization controls and choosing which part of the experience to adjust.",{"id":137,"label":138,"to":139,"description":140},83,"Asking Artificial intelligence","\u002Fexamples\u002Fflows\u002Fask-artificial-intelligence","Explore how apps invite people to ask AI for help. Preview the opening interaction, from introducing the request to providing the context needed to begin.",{"id":142,"label":143,"to":144,"description":145},62,"Connecting to integration","\u002Fexamples\u002Fflows\u002Fconnect-to-integration","Explore how SaaS apps introduce connecting an external service. Preview how the opening screens present integration choices and explain the information or access needed to begin.",{"id":147,"label":148,"to":149,"description":150},61,"Signing in","\u002Fexamples\u002Fflows\u002Fsign-in","Explore how SaaS apps begin access to an existing account. Preview the first steps for choosing a sign-in method and providing the information needed to continue.",{"id":152,"label":153,"to":154,"description":155},15,"Sharing","\u002Fexamples\u002Fflows\u002Fshare","Explore how SaaS apps introduce making content available to others. Preview the first steps for selecting the item and finding recipient, link, or visibility options.",{"id":157,"label":158,"to":159,"description":160},73,"Updating","\u002Fexamples\u002Fflows\u002Fupdate","Explore how apps introduce changing existing information or configuration. Preview the opening screens to see how the current state and available update actions are presented.",{"id":162,"label":163,"to":164,"description":165},78,"Creating content","\u002Fexamples\u002Fflows\u002Fcreate-content","See how apps introduce a new piece of content. Preview how the opening screens present formats, starting points, and the tools available for composing the work.",{"id":167,"label":168,"to":169,"description":170},31,"Creating workflow","\u002Fexamples\u002Fflows\u002Fcreate-workflow","See how SaaS apps introduce a sequence of connected actions. Preview the first steps for defining a workflow and choosing the conditions or tasks that shape it.",{"id":172,"label":173,"to":174,"description":175},51,"Reporting","\u002Fexamples\u002Fflows\u002Freport","See how SaaS apps introduce reviewing performance through reports. Preview the opening screens for finding reporting tools and choosing the information to inspect.",{"id":177,"label":178,"to":179,"description":180},33,"Importing","\u002Fexamples\u002Fflows\u002Fimport","Explore how SaaS apps begin bringing existing data into a workspace. Preview the first steps for choosing a source and introducing the import requirements.",{"id":182,"label":183,"to":184,"description":185},19,"Creating workspace","\u002Fexamples\u002Fflows\u002Fcreate-workspace","Explore how SaaS apps introduce a separate space for work. Preview how the opening screens collect workspace details and present the choices needed to get started.",{"id":187,"label":188,"to":189,"description":190},59,"Managing roles and permissions","\u002Fexamples\u002Fflows\u002Fmanage-roles-and-permissions","See how SaaS apps introduce changes to access rights. Preview the first steps for finding a person or role and reviewing the permissions available to them.",{"id":192,"label":193,"to":194,"description":195},82,"Selecting","\u002Fexamples\u002Fflows\u002Fselect","Explore how apps ask people to choose from a set of options. Preview the opening steps and how choices, selected states, and the next action are presented.",{"id":197,"label":198,"to":199,"description":200},41,"Uploading files","\u002Fexamples\u002Fflows\u002Fupload-files","Explore how SaaS apps begin adding files to a workspace. Preview the first steps for selecting content and understanding the upload requirements.",{"id":202,"label":203,"to":204,"description":205},12,"Creating template","\u002Fexamples\u002Fflows\u002Fcreate-template","See how apps introduce a reusable starting point for future work. Preview the first steps for creating a template and deciding which content or settings it will contain.",{"id":207,"label":208,"to":209,"description":210},26,"Exporting","\u002Fexamples\u002Fflows\u002Fexport","Explore how SaaS apps introduce taking data out of a workspace. Preview the opening steps for choosing the content and starting an export.",{"id":212,"label":213,"to":214,"description":215},22,"Setting-up Multi-factor authentication","\u002Fexamples\u002Fflows\u002Fset-up-multi-factor-authentication","Explore how SaaS apps introduce an additional sign-in verification method. Preview the opening setup steps and how they explain what is needed to configure multi-factor authentication.",{"id":217,"label":218,"to":219,"description":220},20,"Creating project","\u002Fexamples\u002Fflows\u002Fcreate-project","See how SaaS apps introduce a new project. Preview the opening steps for choosing a starting point and entering the details that define the work.",{"id":222,"label":223,"to":224,"description":225},10,"Creating team","\u002Fexamples\u002Fflows\u002Fcreate-team","Explore how SaaS apps begin creating a team. Preview how the opening screens introduce the group's identity and the choices needed to establish a shared account.",{"id":227,"label":228,"to":229,"description":230},42,"Sending messages","\u002Fexamples\u002Fflows\u002Fsend-messages","Explore how apps begin composing and sending a message. Preview the first steps for choosing a conversation or recipient and entering the text to share.",{"id":232,"label":233,"to":234,"description":235},69,"Commenting & reacting","\u002Fexamples\u002Fflows\u002Fcomment-react","See how apps let people respond to shared content. Preview the opening steps for adding a comment or reaction while keeping the original item in context.",{"id":237,"label":238,"to":239,"description":240},72,"Chatting","\u002Fexamples\u002Fflows\u002Fchat","Explore how apps introduce a conversation. Preview how the opening screens help people find a conversation or contact and move into the messaging interface.",{"id":242,"label":243,"to":244,"description":245},94,"Sending","\u002Fexamples\u002Fflows\u002Fsend","See how apps introduce sending information to a destination. Preview the opening steps for choosing the content and specifying where it should go.",{"id":247,"label":248,"to":249,"description":250},4,"Creating collection","\u002Fexamples\u002Fflows\u002Fcreate-collection","See how apps introduce a new group of saved items. Preview the opening steps for naming a collection and deciding how it will organize content.",{"id":252,"label":253,"to":254,"description":255},36,"Verifying identity","\u002Fexamples\u002Fflows\u002Fverify-identity","See how apps introduce confirming who someone is. Preview the opening steps and how the interface explains the identity information or documents needed to continue.",{"id":257,"label":258,"to":259,"description":260},1,"Creating event","\u002Fexamples\u002Fflows\u002Fcreate-event","Explore how apps begin setting up an event. Preview the opening steps for entering event details and establishing when and where it will take place.",{"id":262,"label":263,"to":264,"description":265},68,"Duplicating","\u002Fexamples\u002Fflows\u002Fduplicate","See how apps introduce creating a copy of existing work. Preview the opening steps for selecting the source and beginning a duplicate without rebuilding it from scratch.",{"id":267,"label":268,"to":269,"description":270},25,"Moving","\u002Fexamples\u002Fflows\u002Fmove","Explore how SaaS apps introduce moving an item to another location. Preview the first steps for choosing the content and finding its intended destination.",{"id":272,"label":273,"to":274,"description":275},79,"Scheduling","\u002Fexamples\u002Fflows\u002Fschedule","Explore how apps introduce arranging a task for a future time. Preview the opening steps for choosing what to schedule and providing the relevant date or timing details.",{"id":277,"label":278,"to":279,"description":280},54,"Sharing feedback","\u002Fexamples\u002Fflows\u002Fshare-feedback","See how apps introduce sending an opinion or describing a problem. Preview the opening steps and how questions, response fields, and submission context are presented.",{"id":282,"label":283,"to":284,"description":285},47,"Importing from CSV","\u002Fexamples\u002Fflows\u002Fimport-from-csv","See how SaaS apps introduce importing a CSV file. Preview the opening steps for selecting the file and explaining how its data will enter the workspace.",{"id":287,"label":288,"to":289,"description":290},86,"Recording","\u002Fexamples\u002Fflows\u002Frecord","Explore how apps introduce capturing audio, video, or an activity. Preview the opening steps for choosing what to record and preparing the recording interface.",{"id":292,"label":293,"to":294,"description":295},6,"Securing account","\u002Fexamples\u002Fflows\u002Fsecure-account","See how SaaS apps introduce account protection tasks. Preview the opening steps for finding security controls and understanding the setting or verification method being configured.",{"id":297,"label":298,"to":299,"description":300},24,"Adding new source","\u002Fexamples\u002Fflows\u002Fadd-new-source","Explore how apps introduce a new source of information. Preview how the opening steps present source choices and the details needed to connect data to a workspace.",{"id":302,"label":303,"to":304,"description":305},29,"Removing teammate from team","\u002Fexamples\u002Fflows\u002Fremove-teammate-from-team","See how SaaS apps introduce removing a member from a shared team. Preview the opening steps and how the interface connects the person with the proposed access change.",{"id":307,"label":308,"to":309,"description":310},35,"Setting up permissions","\u002Fexamples\u002Fflows\u002Fset-up-permissions","Explore how SaaS apps introduce access choices during setup. Preview how the first screens explain which people or resources the permissions will apply to.",{"id":312,"label":313,"to":314,"description":315},34,"Starting trial","\u002Fexamples\u002Fflows\u002Fstart-trial","See how SaaS apps introduce trying a product before choosing a paid plan. Preview the opening steps and how trial access, requirements, and starting actions are presented.",{"id":317,"label":318,"to":319,"description":320},44,"Archiving","\u002Fexamples\u002Fflows\u002Farchive","See how SaaS apps introduce moving content out of active work. Preview the opening steps and how the interface explains the item being archived and the action involved.",{"id":322,"label":323,"to":324,"description":325},90,"Enabling","\u002Fexamples\u002Fflows\u002Fenable","See how apps introduce activating a feature or setting. Preview the opening steps and how the interface explains the option before it is turned on.",{"id":327,"label":328,"to":329,"description":330},53,"Inviting contacts","\u002Fexamples\u002Fflows\u002Finvite-contacts","Explore how apps introduce inviting people from a contact list. Preview the first steps for choosing recipients and preparing an invitation within the product.",{"id":332,"label":333,"to":334,"description":335},97,"Booking","\u002Fexamples\u002Fflows\u002Fbook","See how apps introduce a booking task. Preview the opening steps for choosing what to reserve and providing the details needed to move toward a reservation.",{"id":337,"label":338,"to":339,"description":340},85,"Requesting","\u002Fexamples\u002Fflows\u002Frequest","Explore how SaaS apps introduce asking for something within a workspace. Preview the opening steps for explaining the request and providing the information needed to submit it.",{"id":342,"label":343,"to":344,"description":345},2,"Adding to collection","\u002Fexamples\u002Fflows\u002Fadd-to-collection","Explore how apps let people place an item in a collection. Preview the first steps for identifying the item and choosing the group where it should be saved.",{"id":347,"label":348,"to":349,"description":350},66,"Confirming","\u002Fexamples\u002Fflows\u002Fconfirm","See how apps ask people to review a decision before continuing. Preview the opening steps and how the interface explains the proposed action and available confirmation choices.",{"id":352,"label":353,"to":354,"description":355},64,"Copying","\u002Fexamples\u002Fflows\u002Fcopy","See how apps make existing information available for reuse. Preview the opening steps for choosing what to copy and finding the action within its original context.",{"id":357,"label":358,"to":359,"description":360},74,"Switching theme","\u002Fexamples\u002Fflows\u002Fswitch-theme","See how apps introduce changing the interface appearance. Preview the opening steps for locating theme controls and choosing a different visual setting.",{"id":362,"label":363,"to":364,"description":365},91,"Transfering","\u002Fexamples\u002Fflows\u002Ftransfer","See how SaaS apps introduce moving ownership of a project or resource. Preview the opening steps for identifying the item and choosing a different owner or workspace.",{"id":367,"label":368,"to":369,"description":370},32,"Deleting team","\u002Fexamples\u002Fflows\u002Fdelete-team","Explore how SaaS apps introduce removing a team. Preview the opening screens and how they identify the shared space and explain the effect of the proposed deletion.",{"id":372,"label":373,"to":374,"description":375},77,"Restoring","\u002Fexamples\u002Fflows\u002Frestore","Explore how apps introduce bringing back removed content or settings. Preview the first steps for identifying what can be restored and choosing a recovery action.",{"id":377,"label":378,"to":379,"description":380},14,"Creating color palette","\u002Fexamples\u002Fflows\u002Fcreate-color-palette","Explore how design tools introduce building a set of colors. Preview the first steps for choosing colors and arranging them into a palette for later use.",{"id":382,"label":383,"to":384,"description":385},55,"Disabling Multi-factor authentication","\u002Fexamples\u002Fflows\u002Fdisable-multi-factor-authentication","Explore how apps introduce removing an additional sign-in requirement. Preview the opening steps and how the interface explains the change to multi-factor authentication.",{"id":387,"label":388,"to":389,"description":390},48,"Merging","\u002Fexamples\u002Fflows\u002Fmerge","Explore how apps introduce combining existing items. Preview the opening steps for choosing what to merge and identifying the information involved in the operation.",{"id":392,"label":393,"to":394,"description":395},3,"Requesting early access","\u002Fexamples\u002Fflows\u002Frequest-early-access","Explore how apps introduce access to a product or feature before general release. Preview the first steps for expressing interest and providing the information requested.",{"id":397,"label":398,"to":399,"description":400},5,"Booking experience","\u002Fexamples\u002Fflows\u002Fbook-experience","Explore how apps introduce reserving an activity or experience. Preview how the opening screens present the experience and begin collecting the choices needed for a booking.",{"id":402,"label":403,"to":404,"description":405},8,"Creating listing","\u002Fexamples\u002Fflows\u002Fcreate-list","Explore how marketplaces introduce a new listing. Preview the opening steps for describing the offer and selecting the details needed to present it to potential customers.",{"id":407,"label":408,"to":409,"description":410},23,"Creating transfer","\u002Fexamples\u002Fflows\u002Fcreate-transfer","Explore how apps introduce a new transfer of funds or data. Preview the opening steps for specifying what will move and choosing its destination.",{"id":412,"label":413,"to":414,"description":415},92,"Disabling","\u002Fexamples\u002Fflows\u002Fdisable","See how apps introduce turning off a feature or connection. Preview the first steps and how the interface explains the setting involved before changing its state.",{"id":417,"label":418,"to":419,"description":420},93,"Filling Know Your Business (KYB) form","\u002Fexamples\u002Fflows\u002Fknow-your-business-kyb-form","Explore how apps introduce business verification. Preview the opening steps of Know Your Business forms and how they explain the company information needed to continue.",{"id":422,"label":423,"to":424,"description":425},100,"Transcribing","\u002Fexamples\u002Fflows\u002Ftranscribe","Explore how apps introduce converting recorded speech into text. Preview the first steps for supplying audio or video and beginning the transcription task.",{"id":427,"label":428,"to":429,"description":430},75,"Versioning","\u002Fexamples\u002Fflows\u002Fversion","Explore how apps introduce managing different states of the same work. Preview the opening steps for finding version information and choosing a version-related action.",{"id":432,"label":433,"to":434,"description":435},50,"Adding seats to subscription","\u002Fexamples\u002Fflows\u002Fadd-seats-to-subscription","See how SaaS apps introduce increasing the number of people covered by a subscription. Preview the opening steps for reviewing seats and understanding the proposed account change.",{"id":437,"label":438,"to":439,"description":440},30,"Playing quiz","\u002Fexamples\u002Fflows\u002Fplay-quiz","Explore how apps introduce an interactive quiz. Preview how the first screens explain participation and bring people to the questions or choices that begin the activity.",{"id":442,"label":443,"to":444,"description":445},76,"Requesting access","\u002Fexamples\u002Fflows\u002Frequest-access","See how apps introduce asking for permission to enter a restricted area. Preview how the first screens explain the resource and provide a way to request access.",{"id":447,"label":448,"to":449,"description":450},109,"Switching","\u002Fexamples\u002Fflows\u002Fswitch","Explore how apps introduce moving between accounts or contexts. Preview the first steps for finding the switch control and identifying the available destinations.",{"id":452,"label":453,"to":454,"description":455},65,"Canceling","\u002Fexamples\u002Fflows\u002Fcancel","Explore how apps introduce stopping a planned action or service. Preview the opening steps and how the interface explains what will be canceled before someone proceeds.",{"id":457,"label":458,"to":459,"description":460},89,"Following","\u002Fexamples\u002Fflows\u002Ffollow","Explore how apps introduce subscribing to a person or source. Preview the first steps for finding the follow action and establishing which updates someone wants to receive.",{"id":462,"label":463,"to":464,"description":465},57,"Moving file","\u002Fexamples\u002Fflows\u002Fmove-file","See how apps begin relocating a file. Preview the opening steps for selecting the file and choosing another folder or workspace location.",{"id":467,"label":468,"to":469,"description":470},105,"Replaying","\u002Fexamples\u002Fflows\u002Freplaying","Explore how apps introduce replaying recorded content or a previous request. Preview the opening steps for finding the source and returning to an earlier interaction.",{"id":472,"label":473,"to":474,"description":475},56,"Restoring previous version","\u002Fexamples\u002Fflows\u002Frestore-previous-version","See how apps introduce returning to an earlier state of work. Preview the opening steps for finding a previous version and considering it for restoration.",{"id":477,"label":478,"to":479,"description":480},7,"Creating gift card","\u002Fexamples\u002Fflows\u002Fcreate-gift-card","See how apps introduce creating a gift card. Preview the opening screens for choosing the gift and providing the details needed to prepare it for a recipient.",{"id":482,"label":483,"to":484,"description":485},46,"Merging data","\u002Fexamples\u002Fflows\u002Fmerge-data","See how SaaS apps introduce combining records or datasets. Preview the first steps for selecting the sources and explaining how their information relates.",{"id":487,"label":488,"to":489,"description":490},52,"Scheduling email","\u002Fexamples\u002Fflows\u002Fschedule-email","See how email tools introduce sending a message later. Preview the opening steps for finding scheduling controls and choosing a future delivery time.",{"id":492,"label":493,"to":494,"description":495},88,"Starting interview","\u002Fexamples\u002Fflows\u002Fstart-interview","Explore how apps introduce an interview session. Preview the opening steps and how preparation details and start controls establish what participants should do next.",[],[498,526,552,579,606,631,658,685,713,738,765,788],{"uuid":499,"title":148,"description":500,"canonical_path":501,"kind":502,"patterns_count":292,"categories":503,"screens":506,"app":522},"0ed9e0f9-4d34-432c-9a21-4ad9621db847","User selects Google, email, or phone authentication on the sign-in card, then enters password on the follow-up screen","\u002Fexamples\u002Fapps\u002Fbud\u002Fflows","flow",[504],{"id":147,"title":148,"slug":505},"sign-in",[507,514,518],{"uuid":508,"title":509,"description":510,"image":11,"image_alt":511,"width":512,"height":513},"e353a0e8-7f85-4801-8dd7-52105c3d7d55","My account | Bud","Authentication Login page","My account | Bud from Bud",3024,1714,{"uuid":515,"title":509,"description":516,"image":517,"image_alt":511,"width":512,"height":513},"9eae620d-80a7-4b05-9511-6965d71b16aa","Sign-in screen where the user authenticates with Google or enters their email address to continue.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9eae620d-80a7-4b05-9511-6965d71b16aa.png",{"uuid":519,"title":509,"description":520,"image":521,"image_alt":511,"width":512,"height":513},"23424913-5b75-4089-b2ca-0c5ffd4e82a3","Login Authentication Sign in","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F23424913-5b75-4089-b2ca-0c5ffd4e82a3.png",{"slug":523,"title":524,"logo":525},"bud","Bud","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fb0427c87-61b8-484c-bf46-129e1c0ebd42.png",{"uuid":527,"title":528,"description":529,"canonical_path":530,"kind":502,"patterns_count":70,"categories":531,"screens":532,"app":548},"39f401a3-4b48-4a7d-9307-2a16246747e6","Reviewing finance dashboard","Reviewing income transactions, payouts history, and tax compliance metrics in Polar finance section while in sandbox mode","\u002Fexamples\u002Fapps\u002Fpolar\u002Fflows",[],[533,540,544],{"uuid":534,"title":535,"description":536,"image":537,"image_alt":538,"width":512,"height":539},"19ce7021-9a4e-4290-96b2-611257b409d1","Finance - Income | Nicelydone | Polar","Sidebar navigation","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F19ce7021-9a4e-4290-96b2-611257b409d1.png","Finance - Income | Nicelydone | Polar from Polar",1758,{"uuid":541,"title":535,"description":542,"image":543,"image_alt":538,"width":512,"height":539},"9c3efd92-a2e1-4831-b4b5-f39a8f770b12","List view where the user reviews their income transactions, including subscriptions and purchases, with a breakdown of gross, fees, tax, and net amounts.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9c3efd92-a2e1-4831-b4b5-f39a8f770b12.png",{"uuid":545,"title":535,"description":546,"image":547,"image_alt":538,"width":512,"height":539},"f6f73bd9-8c07-4a84-92ae-004b9c7005c0","Billing history","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff6f73bd9-8c07-4a84-92ae-004b9c7005c0.png",{"slug":549,"title":550,"logo":551},"polar","Polar","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fpolar-3d0012c1.png",{"uuid":553,"title":554,"description":555,"canonical_path":556,"kind":502,"patterns_count":402,"categories":557,"screens":560,"app":575},"786cf394-dc64-43bf-b9c8-2e03391abc53","Generating videos","User configures AI model, text prompt, reference images, aspect ratio and duration in workspace then triggers generation and reviews output","\u002Fexamples\u002Fapps\u002Fmagnific\u002Fflows",[558],{"id":107,"title":108,"slug":559},"create",[561,567,571],{"uuid":562,"title":563,"description":564,"image":565,"image_alt":566,"width":512,"height":539},"da998fb2-835c-40e7-9965-66a2619a4dfd","Video Generator I Magnific AI","AI video generation workspace where the user can configure model settings, upload reference images, and write a text prompt to create a video.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fda998fb2-835c-40e7-9965-66a2619a4dfd.png","Video Generator I Magnific AI from Magnific",{"uuid":568,"title":563,"description":569,"image":570,"image_alt":566,"width":512,"height":539},"ae0f7f44-2c0c-4d8f-a9b4-514ed6c62576","AI video generation tool where the user configures the model, reference images, and shot description, featuring a central product tutorial carousel.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fae0f7f44-2c0c-4d8f-a9b4-514ed6c62576.png",{"uuid":572,"title":563,"description":573,"image":574,"image_alt":566,"width":512,"height":539},"c07a882c-a47e-4326-b2e5-b4cee980f342","AI video generation tool where the user selects a specific provider and model from a searchable overlay modal while configuring shot parameters in the sidebar.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc07a882c-a47e-4326-b2e5-b4cee980f342.png",{"slug":576,"title":577,"logo":578},"magnific","Magnific","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F07fe44bd-fed6-494e-8806-f1effa3458cb.png",{"uuid":580,"title":581,"description":582,"canonical_path":583,"kind":502,"patterns_count":402,"categories":584,"screens":587,"app":602},"73b91b61-0ac2-4d0a-87e5-cabb5fcfd162","Adding payment method","User opens Add Payment Method modal from billing settings and fills credit card and address details, encountering loading and connection error states","\u002Fexamples\u002Fapps\u002Flatitude-2\u002Fflows",[585],{"id":94,"title":95,"slug":586},"set-up-payment-method",[588,594,598],{"uuid":589,"title":590,"description":591,"image":592,"image_alt":593,"width":512,"height":539},"9e1be7ef-8010-4b90-9bcd-6171e2d174ca","Billing – Dashboard - Latitude.sh","Account management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9e1be7ef-8010-4b90-9bcd-6171e2d174ca.png","Billing – Dashboard - Latitude.sh from Latitude.sh",{"uuid":595,"title":590,"description":596,"image":597,"image_alt":593,"width":512,"height":539},"0d30846e-7c41-4b3c-9fbd-1587843ff453","Billing settings page where the user is adding a new credit card via a modal overlay.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0d30846e-7c41-4b3c-9fbd-1587843ff453.png",{"uuid":599,"title":590,"description":600,"image":601,"image_alt":593,"width":512,"height":539},"c5dc36b9-1e6a-4390-b784-e41cf8b2548c","Billing settings page where the user is adding a new credit card via a modal, with the submission button currently in a loading state.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc5dc36b9-1e6a-4390-b784-e41cf8b2548c.png",{"slug":603,"title":604,"logo":605},"latitude-2","Latitude.sh","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F855c8d51-549e-4924-978d-a865acc9f11a.png",{"uuid":607,"title":608,"description":609,"canonical_path":610,"kind":502,"patterns_count":402,"categories":611,"screens":612,"app":627},"7063d34d-d3b5-43a2-8a74-add947d8bcf3","Exploring captures gallery","Browsing, searching, and filtering gallery and list views of captured interface screenshots, prototypes, and web pages in Alloy","\u002Fexamples\u002Fapps\u002Falloy\u002Fflows",[],[613,619,623],{"uuid":614,"title":615,"description":616,"image":617,"image_alt":618,"width":512,"height":539},"fdbafcbf-c0c7-420b-bad8-2f45885b9663","Captures","Gallery view where the user browses, searches, and filters captured interface screenshots.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffdbafcbf-c0c7-420b-bad8-2f45885b9663.png","Captures from Alloy",{"uuid":620,"title":615,"description":621,"image":622,"image_alt":618,"width":512,"height":539},"6dfc6a89-e61f-4007-9539-fad6f1f865dd","List view where the user browses, searches, and filters a gallery of captured prototypes and screens.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6dfc6a89-e61f-4007-9539-fad6f1f865dd.png",{"uuid":624,"title":615,"description":625,"image":626,"image_alt":618,"width":512,"height":539},"c0525d76-4e18-4dc7-b401-cb50c2e264db","Gallery view where the user browses, searches, and filters their captured website screenshots.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc0525d76-4e18-4dc7-b401-cb50c2e264db.png",{"slug":628,"title":629,"logo":630},"alloy","Alloy","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F13110ce9-b228-4dcd-99db-7c3272fae2ce.png",{"uuid":632,"title":633,"description":634,"canonical_path":635,"kind":502,"patterns_count":402,"categories":636,"screens":639,"app":654},"e7b2c9f9-f1c4-44d0-b498-88b3447d0cdd","Sharing video feedback","Reviewing a video asset on the detail page and recording timestamped voice or text feedback via a floating composer","\u002Fexamples\u002Fapps\u002Fflask\u002Fflows",[637],{"id":277,"title":278,"slug":638},"share-feedback",[640,646,650],{"uuid":641,"title":642,"description":643,"image":644,"image_alt":645,"width":512,"height":539},"db467be4-a4f8-4e7b-bca1-bb5a044a9ba6","6568706-uhd_4096_2160_25fps | Flask","Modern Dark theme Sidebar Progress bar Collaboration Video player","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdb467be4-a4f8-4e7b-bca1-bb5a044a9ba6.png","6568706-uhd_4096_2160_25fps | Flask from Flask",{"uuid":647,"title":642,"description":648,"image":649,"image_alt":645,"width":512,"height":539},"7d31b045-6076-4b7e-bfcc-565e271ad3c0","Collaboration Video player","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7d31b045-6076-4b7e-bfcc-565e271ad3c0.png",{"uuid":651,"title":642,"description":652,"image":653,"image_alt":645,"width":512,"height":539},"48165e22-8d5f-46c1-9d6f-485115c8af12","Navigation bar Sidebar Progress bar Collaboration Video player Media player Review Detail view","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F48165e22-8d5f-46c1-9d6f-485115c8af12.png",{"slug":655,"title":656,"logo":657},"flask","Flask","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffb0bfd95-becd-46ec-9917-a82dd6bbe601.png",{"uuid":659,"title":660,"description":661,"canonical_path":662,"kind":502,"patterns_count":402,"categories":663,"screens":666,"app":681},"b56141b8-029d-4db8-bc4d-10dbd414832d","Filtering experience results","User refines Airbnb experience search results via popovers and modals, encountering repeated empty states while selecting categories, dates, price, and traveler groups until results populate","\u002Fexamples\u002Fapps\u002Fairbnb\u002Fflows",[664],{"id":65,"title":66,"slug":665},"filter-sort",[667,673,677],{"uuid":668,"title":669,"description":670,"image":671,"image_alt":672,"width":512,"height":539},"825d4acc-4e95-46a8-bcb5-36c893fe118b","Things to Do in Orlando | 5-Star Authentic Experiences - Airbnb","Search results","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F825d4acc-4e95-46a8-bcb5-36c893fe118b.png","Things to Do in Orlando | 5-Star Authentic Experiences - Airbnb from Airbnb",{"uuid":674,"title":669,"description":675,"image":676,"image_alt":672,"width":512,"height":539},"bb7b0845-443a-4f5a-8fe7-6bfea4ca7de0","Search filters","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbb7b0845-443a-4f5a-8fe7-6bfea4ca7de0.png",{"uuid":678,"title":669,"description":679,"image":680,"image_alt":672,"width":512,"height":539},"d33fcd40-b0f1-425d-bd45-c29b980cf952","Search results page for experiences in Orlando showing an empty state and an open filter popover for selecting activity types.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd33fcd40-b0f1-425d-bd45-c29b980cf952.png",{"slug":682,"title":683,"logo":684},"airbnb","Airbnb","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fairbnb-2b8cc5d2.png",{"uuid":686,"title":687,"description":688,"canonical_path":689,"kind":502,"patterns_count":222,"categories":690,"screens":694,"app":709},"4d2c9d31-7823-46a2-9a48-10016267841d","Configuring model catalog","User accesses AI model catalog settings to manage provider routing, filter models by provider, and review token limits and capabilities across multiple list and table views","\u002Fexamples\u002Fapps\u002Finference\u002Fflows",[691,692],{"id":65,"title":66,"slug":665},{"id":117,"title":118,"slug":693},"settings",[695,701,705],{"uuid":696,"title":697,"description":698,"image":699,"image_alt":700,"width":512,"height":539},"67c0be58-90f2-43e3-bb9e-132e2cee7f64","Settings | inference.net","Workspace settings","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F67c0be58-90f2-43e3-bb9e-132e2cee7f64.png","Settings | inference.net from Inference",{"uuid":702,"title":697,"description":703,"image":704,"image_alt":700,"width":512,"height":539},"836f5265-1005-49f2-b362-918788217851","Settings page where the user manages provider routing and callable AI models for their project, filtering by provider like Anthropic or OpenAI.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F836f5265-1005-49f2-b362-918788217851.png",{"uuid":706,"title":697,"description":707,"image":708,"image_alt":700,"width":512,"height":539},"2b3cba39-5dcf-4cd0-a591-4a0221d1f0f8","Settings page where the user views a list of available AI models, their token limits, and supported capabilities like tools and structured output.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2b3cba39-5dcf-4cd0-a591-4a0221d1f0f8.png",{"slug":710,"title":711,"logo":712},"inference","Inference","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F65e2bbca-c37f-44d3-a945-dbb7846ba077.png",{"uuid":714,"title":27,"description":715,"canonical_path":716,"kind":502,"patterns_count":70,"categories":717,"screens":720,"app":735},"70ec2114-b15a-42e9-9330-9f75384f3f7d","User creates an Origin Financial account via SSO options or email\u002Fpassword form with validation and social proof panels","\u002Fexamples\u002Fapps\u002Fuseorigin\u002Fflows",[718],{"id":26,"title":27,"slug":719},"signing-up",[721,727,731],{"uuid":722,"title":723,"description":724,"image":725,"image_alt":726,"width":512,"height":539},"c26ed380-ab9b-412c-9437-27591ab38e5a","Origin Financial","Signup page where the user can create an account using Apple, Google, employer SSO, or email, alongside a feature preview card showing a spending chart.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc26ed380-ab9b-412c-9437-27591ab38e5a.png","Origin Financial from Origin Financial",{"uuid":728,"title":723,"description":729,"image":730,"image_alt":726,"width":512,"height":539},"208c9f31-8e20-468a-88c0-a029415f74dd","Signup screen where the user can create an account using Apple, Google, employer SSO, or email, alongside a social proof panel highlighting member count and a spending chart preview.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F208c9f31-8e20-468a-88c0-a029415f74dd.png",{"uuid":732,"title":723,"description":733,"image":734,"image_alt":726,"width":512,"height":539},"fe3ba1ea-5c1a-4bf8-97cb-a134bb4d371c","Signup page where the user enters their email, name, and password, alongside a promotional panel highlighting spend tracking and member count.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffe3ba1ea-5c1a-4bf8-97cb-a134bb4d371c.png",{"slug":736,"title":723,"logo":737},"useorigin","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F15075243-f5d2-4573-9045-2e4c07c4ce88.png",{"uuid":739,"title":740,"description":741,"canonical_path":742,"kind":502,"patterns_count":377,"categories":743,"screens":746,"app":761},"0e597627-08ca-47fc-82f3-10ab4e7d5e57","Completing developer onboarding","User completes organization questionnaire then developer quickstart to generate API key, install SDK, and pick starter templates for browser automation agents","\u002Fexamples\u002Fapps\u002Fsteel\u002Fflows",[744],{"id":31,"title":32,"slug":745},"onboarding",[747,753,757],{"uuid":748,"title":749,"description":750,"image":751,"image_alt":752,"width":512,"height":539},"94061fd1-fb08-455b-babf-bc60c186cd1a","Steel | Open-source Headless Browser API","Onboarding step where the user provides their organization name, role, planned use cases like scraping or AI agents, and attribution source.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F94061fd1-fb08-455b-babf-bc60c186cd1a.png","Steel | Open-source Headless Browser API from Steel",{"uuid":754,"title":749,"description":755,"image":756,"image_alt":752,"width":512,"height":539},"c4d24d29-a01d-4370-9ff2-8704219b34b7","Account setup","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc4d24d29-a01d-4370-9ff2-8704219b34b7.png",{"uuid":758,"title":749,"description":759,"image":760,"image_alt":752,"width":512,"height":539},"6c8a5795-0ae7-41fe-b803-79c85ac7afd4","Onboarding step where the user provides their organization name, role, planned use cases like building AI agents or web scraping, and attribution source.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6c8a5795-0ae7-41fe-b803-79c85ac7afd4.png",{"slug":762,"title":763,"logo":764},"steel","Steel","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F03f0fa43-a227-4dce-b66a-f340f4551973.png",{"uuid":766,"title":767,"description":768,"canonical_path":769,"kind":502,"patterns_count":292,"categories":770,"screens":773,"app":784},"e3820d61-db4d-45d7-8b2d-2d91753ef5ac","Upgrading subscription plan","User starts in workspace memory settings, opens upgrade modal from sidebar, selects Launch tier, completes subscription checkout form, sees connecting state, and lands on billing settings page showing new plan and credits.","\u002Fexamples\u002Fapps\u002Fzaro\u002Fflows",[771],{"id":89,"title":90,"slug":772},"upgrade-your-plan",[774,780],{"uuid":775,"title":776,"description":777,"image":778,"image_alt":779,"width":512,"height":539},"5973acac-6fd0-46a7-9aa5-d2c52b9a7031","Zaro - The Context Layer for Enterprise AI","Settings page where the user configures workspace memory topics for their AI agents, currently showing an empty state.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5973acac-6fd0-46a7-9aa5-d2c52b9a7031.png","Zaro - The Context Layer for Enterprise AI from Zaro",{"uuid":781,"title":776,"description":782,"image":783,"image_alt":779,"width":512,"height":539},"2570cf28-b183-4ec7-b02f-ee51add8de3c","SaaS pricing Upgrade modal Subscription plans","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2570cf28-b183-4ec7-b02f-ee51add8de3c.png",{"slug":785,"title":786,"logo":787},"zaro","Zaro","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdcfeb606-2235-48bf-83e3-948e2ac20719.png",{"uuid":789,"title":790,"description":791,"canonical_path":792,"kind":502,"patterns_count":477,"categories":793,"screens":796,"app":809},"70288f28-1ce7-4f23-8e8c-913f07ae3040","Applying AI editing tools","User refines video or podcast recordings in Riverside by editing via transcript and applying AI tools to remove pauses and filler words","\u002Fexamples\u002Fapps\u002Friverside\u002Fflows",[794],{"id":112,"title":113,"slug":795},"edit",[797,803,806],{"uuid":798,"title":799,"description":800,"image":801,"image_alt":802,"width":512,"height":539},"506da409-5368-4999-a0f8-679929b31178","Riverside Studio","Video editor","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F506da409-5368-4999-a0f8-679929b31178.png","Riverside Studio from Riverside",{"uuid":804,"title":799,"description":800,"image":805,"image_alt":802,"width":512,"height":539},"f78580f3-2cc5-405a-81bb-d635fafe1d64","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff78580f3-2cc5-405a-81bb-d635fafe1d64.png",{"uuid":807,"title":799,"description":800,"image":808,"image_alt":802,"width":512,"height":539},"d6fb3bad-6da3-4e52-9004-41801ee724eb","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd6fb3bad-6da3-4e52-9004-41801ee724eb.png",{"slug":810,"title":811,"logo":812},"riverside","Riverside","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcc94468d-7b59-49b7-b969-3aee258a2348.png",[],[],{"published_at":816,"updated_at":817},"2026-07-28T12:59:39.000Z","2026-09-25T08:20:02.000Z",{"left":819,"top":819,"width":217,"height":217,"rotate":819,"vFlip":820,"hFlip":820,"body":821},0,false,"\u003Cg fill=\"none\">\u003Cpath d=\"M9.7334 2.41699H10.2666C11.3987 2.41699 12.2028 2.41737 12.832 2.46875C13.4526 2.51945 13.8371 2.61637 14.1416 2.77148C14.7531 3.08307 15.2509 3.57988 15.5625 4.19141C15.7176 4.49587 15.8136 4.88039 15.8643 5.50098C15.9157 6.13035 15.916 6.93496 15.916 8.06738V15.1338C15.916 15.6634 15.9153 16.0086 15.8926 16.2578C15.879 16.4067 15.8598 16.4744 15.8525 16.4971C15.8095 16.5461 15.7506 16.576 15.6855 16.5811C15.6634 16.5734 15.5976 16.5486 15.4697 16.4697C15.2568 16.3384 14.9804 16.1313 14.5566 15.8135L11.4102 13.4541C11.1193 13.236 10.8105 12.9878 10.4453 12.8916C10.1533 12.8147 9.84573 12.8147 9.55371 12.8916C9.18862 12.9879 8.88057 13.2361 8.58984 13.4541L5.44336 15.8135C5.01942 16.1314 4.74231 16.3384 4.5293 16.4697C4.40092 16.5489 4.33537 16.5735 4.31348 16.5811C4.24875 16.5759 4.18941 16.5468 4.14648 16.498C4.13942 16.4762 4.12019 16.4085 4.10645 16.2578C4.08375 16.0086 4.08301 15.6634 4.08301 15.1338V8.06738C4.08301 6.93498 4.08335 6.13034 4.13477 5.50098C4.18547 4.88035 4.28236 4.49588 4.4375 4.19141C4.74906 3.58004 5.24605 3.08305 5.85742 2.77148C6.16189 2.61635 6.54637 2.51946 7.16699 2.46875C7.79636 2.41734 8.60099 2.41699 9.7334 2.41699Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\u002F>\u003C\u002Fg>"]