[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fflows\u002F8fc809ca-4f19-4d50-82e6-de1879c53206":3,"content-store-meta":-1,"i-custom:bookmark":353},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":25,"showcases":57,"links":343,"dates":350},"\u002Fexamples\u002Fflows\u002F8fc809ca-4f19-4d50-82e6-de1879c53206","detail","flows",true,{"title":9,"description":10,"og_image":11},"Bud Flow Example: Creating project - Nicelydone","Preview this Bud user flow: Creating project. Explore the opening screens.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3347d2e7-aa74-42da-83ff-16b1548579d4.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"User flow examples from SaaS apps","\u002Fexamples\u002Fflows",{"label":20,"to":4},"Bud Flow Example: Creating project",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":24},"User flow",[],[],[26],{"uuid":27,"title":28,"description":29,"canonical_path":30,"kind":31,"patterns_count":32,"categories":33,"screens":37,"app":53},"8fc809ca-4f19-4d50-82e6-de1879c53206","Creating project","User opens new project modal from AI assistant home, enters project name, and confirms creation to start a chat folder","\u002Fexamples\u002Fapps\u002Fbud\u002Fflows","flow",3,[34],{"id":35,"title":28,"slug":36},20,"create-project",[38,45,49],{"uuid":39,"title":40,"description":41,"image":11,"image_alt":42,"width":43,"height":44},"3347d2e7-aa74-42da-83ff-16b1548579d4","Bud - Your AI Worker","AI chat start screen where the user can select prompt suggestions, view recent agent replays, or start a new conversation within a specific project.","Bud - Your AI Worker from Bud",3024,1714,{"uuid":46,"title":40,"description":47,"image":48,"image_alt":42,"width":43,"height":44},"06ae8628-fb90-4b26-b14b-7fa9434fd905","Chat interface Conversational UI","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F06ae8628-fb90-4b26-b14b-7fa9434fd905.png",{"uuid":50,"title":40,"description":51,"image":52,"image_alt":42,"width":43,"height":44},"0660402b-a29f-46af-871f-58b60515fcc2","Conversational UI","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0660402b-a29f-46af-871f-58b60515fcc2.png",{"slug":54,"title":55,"logo":56},"bud","Bud","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fb0427c87-61b8-484c-bf46-129e1c0ebd42.png",[58],{"family":6,"title":59,"examples":60},"Related user flows",[61,84,111,132,153,176,196,221,248,270,294,319],{"uuid":62,"title":28,"description":63,"canonical_path":64,"kind":31,"patterns_count":65,"categories":66,"screens":68,"app":80},"a36011dc-b834-4946-b1eb-8b5518b8a2bb","User opens project creation modal to enter name, add optional cover, and choose shared or private access, then lands on the new project's asset gallery","\u002Fexamples\u002Fapps\u002Fmagnific\u002Fflows",2,[67],{"id":35,"title":28,"slug":36},[69,76],{"uuid":70,"title":71,"description":72,"image":73,"image_alt":74,"width":43,"height":75},"390ca7bd-93cf-4419-8aec-1ac47201a7a0","Creations | Magnific AI","Project creation Access control Privacy settings","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F390ca7bd-93cf-4419-8aec-1ac47201a7a0.png","Creations | Magnific AI from Magnific",1758,{"uuid":77,"title":71,"description":78,"image":79,"image_alt":74,"width":43,"height":75},"54952e38-faa1-43af-bf8d-fd653d42ab15","Project management Media gallery","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F54952e38-faa1-43af-bf8d-fd653d42ab15.png",{"slug":81,"title":82,"logo":83},"magnific","Magnific","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F07fe44bd-fed6-494e-8806-f1effa3458cb.png",{"uuid":85,"title":28,"description":86,"canonical_path":87,"kind":31,"patterns_count":88,"categories":89,"screens":91,"app":107},"298a26c1-9330-4075-bf5a-a38735ad44a7","Journey from observability dashboard project switcher to create project screens for naming a new project or selecting demo templates","\u002Fexamples\u002Fapps\u002Finference\u002Fflows",5,[90],{"id":35,"title":28,"slug":36},[92,98,104],{"uuid":93,"title":94,"description":95,"image":96,"image_alt":97,"width":43,"height":75},"58df0a25-5915-4aad-b1dd-50d148728bd4","Observability | inference.net","Performance metrics","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F58df0a25-5915-4aad-b1dd-50d148728bd4.png","Observability | inference.net from Inference",{"uuid":99,"title":100,"description":101,"image":102,"image_alt":103,"width":43,"height":75},"d0e348d2-6382-4d2e-b2e2-cfd683bb193c","Dashboard | inference.net","Project creation","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd0e348d2-6382-4d2e-b2e2-cfd683bb193c.png","Dashboard | inference.net from Inference",{"uuid":105,"title":100,"description":101,"image":106,"image_alt":103,"width":43,"height":75},"3cead8c8-bb94-416f-89c3-f5c2c73086cd","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3cead8c8-bb94-416f-89c3-f5c2c73086cd.png",{"slug":108,"title":109,"logo":110},"inference","Inference","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F65e2bbca-c37f-44d3-a945-dbb7846ba077.png",{"uuid":112,"title":113,"description":114,"canonical_path":115,"kind":31,"patterns_count":65,"categories":116,"screens":118,"app":128},"dfd46cce-ab1b-4013-90e2-b6d67cfc390d","Creating first project","Onboarding wizard step to name the first analytics project and enter its website domain","\u002Fexamples\u002Fapps\u002Fvisitors\u002Fflows",[117],{"id":35,"title":28,"slug":36},[119,125],{"uuid":120,"title":121,"description":122,"image":123,"image_alt":124,"width":43,"height":75},"43d936ab-8394-41f3-905b-f61f88e11c8f","visitors.now\u002Fonboarding\u002Fproject","Project setup Workspace creation SaaS onboarding","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F43d936ab-8394-41f3-905b-f61f88e11c8f.png","visitors.now\u002Fonboarding\u002Fproject from Visitors",{"uuid":126,"title":121,"description":101,"image":127,"image_alt":124,"width":43,"height":75},"8db35f87-128d-4c0b-aa36-d3cb6b43d280","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8db35f87-128d-4c0b-aa36-d3cb6b43d280.png",{"slug":129,"title":130,"logo":131},"visitors","Visitors","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fba53672a-9799-4a87-8187-a0b0c0766b64.png",{"uuid":133,"title":28,"description":134,"canonical_path":135,"kind":31,"patterns_count":65,"categories":136,"screens":138,"app":149},"d1bcae6e-c30c-4b02-8962-39d7b0268b40","User opens create project modal from personal projects list, enters project name and selects region, then lands on updated project dashboard","\u002Fexamples\u002Fapps\u002Fappwrite\u002Fflows",[137],{"id":35,"title":28,"slug":36},[139,145],{"uuid":140,"title":141,"description":142,"image":143,"image_alt":144,"width":43,"height":75},"1aa95e26-61e9-4b65-8295-323a070f1b84","Organizations - Appwrite","Project management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1aa95e26-61e9-4b65-8295-323a070f1b84.png","Organizations - Appwrite from Appwrite",{"uuid":146,"title":141,"description":147,"image":148,"image_alt":144,"width":43,"height":75},"971b9b51-4c10-4ed0-b472-2ef1bc31cb7b","Project dashboard","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F971b9b51-4c10-4ed0-b472-2ef1bc31cb7b.png",{"slug":150,"title":151,"logo":152},"appwrite","Appwrite","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Faba3119b-0179-4fbd-b6d0-2bb3a0bfda07.png",{"uuid":154,"title":155,"canonical_path":156,"kind":31,"patterns_count":157,"categories":158,"screens":160,"app":173},"69647673-8e6a-4330-ab91-48aac2944b63","Creating portfolio project","\u002Fexamples\u002Fapps\u002Flovable\u002Fflows",8,[159],{"id":35,"title":28,"slug":36},[161,167,170],{"uuid":162,"title":163,"description":164,"image":165,"image_alt":166,"width":43,"height":75},"9ca71b78-5dfd-42d4-9b3d-d364e0f45d07","Lovable","Conversational interface","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9ca71b78-5dfd-42d4-9b3d-d364e0f45d07.png","Lovable from Lovable",{"uuid":168,"title":163,"description":164,"image":169,"image_alt":166,"width":43,"height":75},"181991b7-d0d0-474c-9462-d217e98ba23d","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F181991b7-d0d0-474c-9462-d217e98ba23d.png",{"uuid":171,"title":163,"description":51,"image":172,"image_alt":166,"width":43,"height":75},"d6342f72-84e9-40fe-ab9b-3ead5db535d4","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd6342f72-84e9-40fe-ab9b-3ead5db535d4.png",{"slug":174,"title":163,"logo":175},"lovable","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F371498a3-d8de-4908-8af8-e73a603ffa34.png",{"uuid":177,"title":178,"canonical_path":179,"kind":31,"patterns_count":65,"categories":180,"screens":182,"app":192},"fe6d5a6d-3523-41bc-a7d7-e500c232e128","Configuring CLI project","\u002Fexamples\u002Fapps\u002Fpoolside\u002Fflows",[181],{"id":35,"title":28,"slug":36},[183,188],{"uuid":184,"title":185,"description":101,"image":186,"image_alt":187,"width":43,"height":75},"8ee052aa-8a5f-4e93-8092-d04b2fd6b9a5","Shimmer","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8ee052aa-8a5f-4e93-8092-d04b2fd6b9a5.png","Shimmer from Poolside",{"uuid":189,"title":185,"description":190,"image":191,"image_alt":187,"width":43,"height":75},"805c22cd-f9fe-4603-aeb6-2bcc657227dd","Create project wizard step where the user configures the project name, exposed ports, startup command, and environment variables for a Go CLI template.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F805c22cd-f9fe-4603-aeb6-2bcc657227dd.png",{"slug":193,"title":194,"logo":195},"poolside","Poolside","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fde1e48e8-a8ea-49fc-a7ae-809596fc1bd8.png",{"uuid":197,"title":28,"canonical_path":198,"kind":31,"patterns_count":88,"categories":199,"screens":201,"app":217},"a515fbce-0e84-4005-bef3-3b4a9cb11173","\u002Fexamples\u002Fapps\u002Fliveblocks\u002Fflows",[200],{"id":35,"title":28,"slug":36},[202,209,213],{"uuid":203,"title":204,"description":205,"image":206,"image_alt":207,"width":43,"height":208},"f83c2003-69db-4a8f-8a66-1a5b36ca1ed6","Nicelydone | Overview","Empty projects list where the user is prompted to create their first project to start building collaborative experiences.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff83c2003-69db-4a8f-8a66-1a5b36ca1ed6.png","Nicelydone | Overview from Liveblocks",1588,{"uuid":210,"title":204,"description":211,"image":212,"image_alt":207,"width":43,"height":208},"ba259c94-325f-4d50-b76d-93a397eeeb7f","Dashboard where the user lands on an empty projects list and is prompted to create their first project to start building collaborative experiences.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fba259c94-325f-4d50-b76d-93a397eeeb7f.png",{"uuid":214,"title":204,"description":215,"image":216,"image_alt":207,"width":43,"height":208},"acad3363-1530-4088-8aa0-407e64766924","Sidebar navigation Project dashboard","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Facad3363-1530-4088-8aa0-407e64766924.png",{"slug":218,"title":219,"logo":220},"liveblocks","Liveblocks","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F081e178d-2cab-4e0b-93f8-061e021783fa.png",{"uuid":222,"title":28,"canonical_path":223,"kind":31,"patterns_count":32,"categories":224,"screens":226,"app":244},"32322a17-a263-4126-9595-481e44b52496","\u002Fexamples\u002Fapps\u002Flinear\u002Fflows",[225],{"id":35,"title":28,"slug":36},[227,234,238],{"uuid":228,"title":229,"description":230,"image":231,"image_alt":232,"width":43,"height":233},"6f0fe6c6-9f91-41d3-8ad1-5422f6a33b93","Nicelydone › Projects","Task management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6f0fe6c6-9f91-41d3-8ad1-5422f6a33b93.png","Nicelydone › Projects from Linear",1776,{"uuid":235,"title":229,"description":236,"image":237,"image_alt":232,"width":43,"height":233},"f4f63ca8-572d-4352-807a-8abda77321cc","Project management Issue tracking","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff4f63ca8-572d-4352-807a-8abda77321cc.png",{"uuid":239,"title":240,"description":241,"image":242,"image_alt":243,"width":43,"height":233},"1b84c5b8-6876-4ba4-8407-916fb56b2d1e","New project › Overview","Task management Project management Issue tracking","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1b84c5b8-6876-4ba4-8407-916fb56b2d1e.png","New project › Overview from Linear",{"slug":245,"title":246,"logo":247},"linear","Linear","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Flinear-c6809667.png",{"uuid":249,"title":28,"canonical_path":250,"kind":31,"patterns_count":251,"categories":252,"screens":254,"app":266},"338bf2e8-ff28-48f1-857a-2e468c2f23d2","\u002Fexamples\u002Fapps\u002Fdovetail\u002Fflows",4,[253],{"id":35,"title":28,"slug":36},[255,262],{"uuid":256,"title":257,"description":258,"image":259,"image_alt":260,"width":43,"height":261},"f841a024-43d9-42c3-81f2-4f3d7d316ebf","Untitled tag board – Dovetail","Project setup Kanban board Tag management Toast notification","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff841a024-43d9-42c3-81f2-4f3d7d316ebf.png","Untitled tag board – Dovetail from Dovetail",1780,{"uuid":263,"title":257,"description":264,"image":265,"image_alt":260,"width":43,"height":261},"9e84d30e-31e2-43b4-9add-704328ed5598","Kanban board Data analysis Tag management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9e84d30e-31e2-43b4-9add-704328ed5598.png",{"slug":267,"title":268,"logo":269},"dovetail","Dovetail","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F6b47c81d-b89f-43c4-9087-0c1e1df518d7.png",{"uuid":271,"title":28,"canonical_path":272,"kind":31,"patterns_count":273,"categories":274,"screens":276,"app":291},"bf72033c-f95d-419a-8217-68e834c229a1","\u002Fexamples\u002Fapps\u002Fkinescope\u002Fflows",9,[275],{"id":35,"title":28,"slug":36},[277,283,287],{"uuid":278,"title":279,"description":280,"image":281,"image_alt":282,"width":43,"height":261},"34da61b4-50b3-4c69-b1fc-8e7a9bae62ae","Kinescope","List view where the user manages media files and folders within a project, featuring an open dropdown menu for uploading content or creating new assets.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F34da61b4-50b3-4c69-b1fc-8e7a9bae62ae.png","Kinescope from Kinescope",{"uuid":284,"title":279,"description":285,"image":286,"image_alt":282,"width":43,"height":261},"5165036a-abcd-4f8d-8951-f60a24b4915c","File management B2B SaaS","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5165036a-abcd-4f8d-8951-f60a24b4915c.png",{"uuid":288,"title":279,"description":289,"image":290,"image_alt":282,"width":43,"height":261},"c316b7fa-ea5e-4431-a360-b693a5288c3d","Video management Project creation Privacy settings","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc316b7fa-ea5e-4431-a360-b693a5288c3d.png",{"slug":292,"title":279,"logo":293},"kinescope","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F7f0420a9-24bf-46c4-89d3-9b58d519e10a.png",{"uuid":295,"title":28,"canonical_path":296,"kind":31,"patterns_count":297,"categories":298,"screens":300,"app":315},"b916c4cd-04c2-436f-ac9b-ce840d4caf06","\u002Fexamples\u002Fapps\u002Fmistral\u002Fflows",6,[299],{"id":35,"title":28,"slug":36},[301,307,311],{"uuid":302,"title":303,"description":304,"image":305,"image_alt":306,"width":43,"height":261},"5237fe14-4cfb-49a8-8f07-98b16dd2d6b4","Bioluminescence","AI chat interface where the user reads a generated response about sleep and manages the chat via an open dropdown menu.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5237fe14-4cfb-49a8-8f07-98b16dd2d6b4.png","Bioluminescence from Mistral",{"uuid":308,"title":303,"description":309,"image":310,"image_alt":306,"width":43,"height":261},"39daa99d-7420-4bce-a06e-f24c29224039","AI chat interface where the user is prompted to create a new project with suggested categories like Learning, Research, and Coding.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F39daa99d-7420-4bce-a06e-f24c29224039.png",{"uuid":312,"title":303,"description":313,"image":314,"image_alt":306,"width":43,"height":261},"6f75e3b7-6765-4871-906f-d7d4dfad7d35","Folder management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6f75e3b7-6765-4871-906f-d7d4dfad7d35.png",{"slug":316,"title":317,"logo":318},"mistral","Mistral","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Febdf5e59-0539-44b6-9e33-2986c1458350.png",{"uuid":320,"title":28,"canonical_path":321,"kind":31,"patterns_count":32,"categories":322,"screens":324,"app":339},"2dd0126c-ebae-44c5-9b80-1a052184b4e3","\u002Fexamples\u002Fapps\u002Fmixpanel\u002Fflows",[323],{"id":35,"title":28,"slug":36},[325,331,335],{"uuid":326,"title":327,"description":328,"image":329,"image_alt":330,"width":43,"height":261},"a3e1a3b6-6fcc-41dd-aedb-a09b0a66b1dc","Mixpanel - Product Analytics","Project management Team workspace Organization settings Data integration","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa3e1a3b6-6fcc-41dd-aedb-a09b0a66b1dc.png","Mixpanel - Product Analytics from Mixpanel",{"uuid":332,"title":327,"description":333,"image":334,"image_alt":330,"width":43,"height":261},"2fef4e05-fba5-4995-9d0c-c6cf7573d576","Settings modal","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2fef4e05-fba5-4995-9d0c-c6cf7573d576.png",{"uuid":336,"title":327,"description":337,"image":338,"image_alt":330,"width":43,"height":261},"437a5fa3-5df3-410e-97c3-3ffb5756d9ea","Project creation Settings modal","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F437a5fa3-5df3-410e-97c3-3ffb5756d9ea.png",{"slug":340,"title":341,"logo":342},"mixpanel","Mixpanel","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F6591e7aa-86c8-4da2-8c52-c70f46a86bbb.png",[344,346,348],{"label":28,"to":345},"\u002Fexamples\u002Fflows\u002Fcreate-project",{"label":347,"to":30},"Bud user flows",{"label":349,"to":18},"All user flow examples",{"published_at":351,"updated_at":352},"2026-02-02T12:30:59.000Z","2026-09-25T08:14:09.000Z",{"left":354,"top":354,"width":35,"height":35,"rotate":354,"vFlip":355,"hFlip":355,"body":356},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>"]