[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ftwenty\u002Fflows":3,"content-store-meta":-1,"i-custom:bookmark":330},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":44,"showcases":310,"links":311,"dates":327},"\u002Fexamples\u002Fapps\u002Ftwenty\u002Fflows","detail","flows",true,{"title":9,"description":10,"og_image":11},"Twenty user flows examples - Nicelydone","Explore Twenty user flow examples. Preview the opening screens and steps for each task. The #1 Open-Source CRM","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd0df7467-a48e-4adc-a82f-47d920858428.png",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Twenty design examples","\u002Fexamples\u002Fapps\u002Ftwenty",{"label":23,"to":4},"Twenty user flows examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"twitter_username":34,"categories":35},"Twenty","twenty","The #1 Open-Source CRM","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F958b58b6-f349-407c-8a71-bb683f68bcd2.png","https:\u002F\u002Ftwenty.com","twentycrm",[36,40],{"id":37,"title":38,"slug":39},53,"CRM","crm",{"id":41,"title":42,"slug":43},45,"Open Source","open-source",[45,72,97,121,146,166,189,209,228,247,270,292],{"uuid":46,"title":47,"canonical_path":4,"kind":48,"patterns_count":49,"categories":50,"screens":59,"app":71},"d7e8189e-d27f-40c3-9d8e-c1063ba35842","Signing Up","flow",11,[51,55],{"id":52,"title":53,"slug":54},61,"Signing in","sign-in",{"id":56,"title":57,"slug":58},103,"Signing up","signing-up",[60,67],{"uuid":61,"title":62,"description":63,"image":11,"image_alt":64,"width":65,"height":66},"d0df7467-a48e-4adc-a82f-47d920858428","Sign in or Create an account","Authentication modal where the user can sign up or log in using Google, Microsoft, or email, displayed over a dimmed CRM companies data table.","Sign in or Create an account from Twenty",3024,1780,{"uuid":68,"title":62,"description":69,"image":70,"image_alt":64,"width":65,"height":66},"4329fcb6-9de9-4d2d-aacf-2157839261a1","Sign-in screen where the user authenticates with Google, Microsoft, or an email address over a dimmed application background.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4329fcb6-9de9-4d2d-aacf-2157839261a1.png",{"slug":30,"title":29,"logo":32},{"uuid":73,"title":74,"canonical_path":4,"kind":48,"patterns_count":75,"categories":76,"screens":81,"app":96},"b43b43b9-401d-43c3-bf55-f7f33c9767ee","Creating Workspace",9,[77],{"id":78,"title":79,"slug":80},19,"Creating workspace","create-workspace",[82,88,92],{"uuid":83,"title":84,"description":85,"image":86,"image_alt":87,"width":65,"height":66},"5ed24337-5985-4c87-a820-dc263aacaab9","Create Workspace","B2B SaaS","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5ed24337-5985-4c87-a820-dc263aacaab9.png","Create Workspace from Twenty",{"uuid":89,"title":84,"description":90,"image":91,"image_alt":87,"width":65,"height":66},"5db78175-9a96-4dd1-9bff-00bbd72cc52f","Onboarding modal","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5db78175-9a96-4dd1-9bff-00bbd72cc52f.png",{"uuid":93,"title":84,"description":94,"image":95,"image_alt":87,"width":65,"height":66},"159a5683-95df-449f-a79d-394af4048687","Workspace creation","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F159a5683-95df-449f-a79d-394af4048687.png",{"slug":30,"title":29,"logo":32},{"uuid":98,"title":99,"canonical_path":4,"kind":48,"patterns_count":100,"categories":101,"screens":106,"app":120},"a7a83bc8-a881-4be2-9153-594a5f6f8a65","Creating Profile",8,[102],{"id":103,"title":104,"slug":105},16,"Setting up account","set-up-account",[107,113,116],{"uuid":108,"title":109,"description":110,"image":111,"image_alt":112,"width":65,"height":66},"ec2fc5bf-823f-44e6-8d59-3db634cac7af","Create Profile","Account creation Avatar upload","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fec2fc5bf-823f-44e6-8d59-3db634cac7af.png","Create Profile from Twenty",{"uuid":114,"title":109,"description":110,"image":115,"image_alt":112,"width":65,"height":66},"41743a44-3ba1-4e64-be48-aac542b7f07a","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F41743a44-3ba1-4e64-be48-aac542b7f07a.png",{"uuid":117,"title":109,"description":118,"image":119,"image_alt":112,"width":65,"height":66},"27d01a18-dc6f-4e80-ae05-02d94b059a75","Account setup Avatar upload Profile creation","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F27d01a18-dc6f-4e80-ae05-02d94b059a75.png",{"slug":30,"title":29,"logo":32},{"uuid":122,"title":123,"canonical_path":4,"kind":48,"patterns_count":124,"categories":125,"screens":134,"app":145},"6d0f3336-950e-467c-af15-c33d8df5c113","Browsing & Adding Records",49,[126,130],{"id":127,"title":128,"slug":129},28,"Creating","create",{"id":131,"title":132,"slug":133},63,"Filtering & sorting","filter-sort",[135,141],{"uuid":136,"title":137,"description":138,"image":139,"image_alt":140,"width":65,"height":66},"53585b32-763f-4c85-a4bb-7803e905d22d","All Companies - Companies","Data Grid","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F53585b32-763f-4c85-a4bb-7803e905d22d.png","All Companies - Companies from Twenty",{"uuid":142,"title":137,"description":143,"image":144,"image_alt":140,"width":65,"height":66},"781067f7-a916-40f3-88c9-b038fee94eae","List view displaying a directory of companies in a data table with columns for domain, creator, and employee count, alongside filtering and sorting controls.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F781067f7-a916-40f3-88c9-b038fee94eae.png",{"slug":30,"title":29,"logo":32},{"uuid":147,"title":148,"canonical_path":4,"kind":48,"patterns_count":149,"categories":150,"screens":152,"app":165},"e1e38cf3-d99d-44f7-bc8c-c07f923eaa2c","Creating Company",7,[151],{"id":127,"title":128,"slug":129},[153,157,161],{"uuid":154,"title":137,"description":155,"image":156,"image_alt":140,"width":65,"height":66},"8351f49d-59ca-4e2d-9930-8edbc3a25344","List view of companies with a side drawer open to view or edit details for a specific record.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8351f49d-59ca-4e2d-9930-8edbc3a25344.png",{"uuid":158,"title":137,"description":159,"image":160,"image_alt":140,"width":65,"height":66},"3170e343-bb8d-4580-a18b-aea5dac047d7","Detail drawer for a company record where the user is editing the address fields via an inline popover form.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3170e343-bb8d-4580-a18b-aea5dac047d7.png",{"uuid":162,"title":137,"description":163,"image":164,"image_alt":140,"width":65,"height":66},"33cee91e-de9b-4026-b988-1318bd163fb3","Detail page where the user views a specific company record in a side drawer and edits its address via an open popover form.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F33cee91e-de9b-4026-b988-1318bd163fb3.png",{"slug":30,"title":29,"logo":32},{"uuid":167,"title":168,"canonical_path":4,"kind":48,"patterns_count":169,"categories":170,"screens":175,"app":188},"521fa912-f75f-4af7-b865-4a13bf103446","Viewing & Editing Details",54,[171],{"id":172,"title":173,"slug":174},60,"Editing","edit",[176,180,184],{"uuid":177,"title":137,"description":178,"image":179,"image_alt":140,"width":65,"height":66},"b12a9dd8-7b9b-4efa-be1f-067a93cac7c1","Crm dashboard Data Grid","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb12a9dd8-7b9b-4efa-be1f-067a93cac7c1.png",{"uuid":181,"title":137,"description":182,"image":183,"image_alt":140,"width":65,"height":66},"eb20d28c-8cd3-4011-8649-402440048ffc","Detail page where the user views a specific company record, including its properties, related entities, and activity timeline, inside a side drawer overlaid on a data table.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Feb20d28c-8cd3-4011-8649-402440048ffc.png",{"uuid":185,"title":137,"description":186,"image":187,"image_alt":140,"width":65,"height":66},"e2659e5d-ca78-48fa-ac2a-15c882394566","Detail page where the user views a list of companies alongside a right-side drawer showing specific properties, related records, and activity for Nexora Analytics.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe2659e5d-ca78-48fa-ac2a-15c882394566.png",{"slug":30,"title":29,"logo":32},{"uuid":190,"title":191,"canonical_path":4,"kind":48,"patterns_count":192,"categories":193,"screens":195,"app":208},"a4a629fd-922e-4cf0-81d3-03a4df13b3e5","Viewing & Editing Opportunities",21,[194],{"id":172,"title":173,"slug":174},[196,200,204],{"uuid":197,"title":137,"description":198,"image":199,"image_alt":140,"width":65,"height":66},"6a4cba5d-00f2-41d0-9fac-42aa57f17627","Keyboard shortcuts B2B SaaS","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6a4cba5d-00f2-41d0-9fac-42aa57f17627.png",{"uuid":201,"title":137,"description":202,"image":203,"image_alt":140,"width":65,"height":66},"9581c39c-f0a6-4e71-9206-25f029ffe722","Split screen","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9581c39c-f0a6-4e71-9206-25f029ffe722.png",{"uuid":205,"title":137,"description":206,"image":207,"image_alt":140,"width":65,"height":66},"978df013-e858-42c3-8e8b-205c2f9937ad","Crm dashboard B2B SaaS","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F978df013-e858-42c3-8e8b-205c2f9937ad.png",{"slug":30,"title":29,"logo":32},{"uuid":210,"title":211,"canonical_path":4,"kind":48,"patterns_count":212,"categories":213,"screens":215,"app":227},"b84db96b-d9e4-4c77-9852-fab8e94b37e8","Viewing & Editing People",32,[214],{"id":172,"title":173,"slug":174},[216,220,223],{"uuid":217,"title":137,"description":218,"image":219,"image_alt":140,"width":65,"height":66},"3934e379-abee-4b15-9199-b5a6684a15af","Keyboard shortcuts","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3934e379-abee-4b15-9199-b5a6684a15af.png",{"uuid":221,"title":137,"description":218,"image":222,"image_alt":140,"width":65,"height":66},"2c772479-5a7b-4945-807e-d04661c6cd90","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2c772479-5a7b-4945-807e-d04661c6cd90.png",{"uuid":224,"title":137,"description":225,"image":226,"image_alt":140,"width":65,"height":66},"0dc7cf1b-e299-4eb0-b1e8-f4d5a5029619","Detail page where the user views a specific person record within a company, showing properties, linked opportunities, and an activity timeline.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0dc7cf1b-e299-4eb0-b1e8-f4d5a5029619.png",{"slug":30,"title":29,"logo":32},{"uuid":229,"title":230,"canonical_path":4,"kind":48,"patterns_count":78,"categories":231,"screens":233,"app":246},"0b1b2023-db35-4c5a-82a9-b13f0900e963","Viewing & Editing Tasks",[232],{"id":172,"title":173,"slug":174},[234,238,242],{"uuid":235,"title":137,"description":236,"image":237,"image_alt":140,"width":65,"height":66},"08f312e8-efa4-4867-8d05-e2da4f273a21","List view of companies where the user is previewing an untitled task related to a specific company in a right-side drawer.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F08f312e8-efa4-4867-8d05-e2da4f273a21.png",{"uuid":239,"title":137,"description":240,"image":241,"image_alt":140,"width":65,"height":66},"6f39f392-4a7f-4f19-98d9-49c720d5d40c","Task management B2B SaaS","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6f39f392-4a7f-4f19-98d9-49c720d5d40c.png",{"uuid":243,"title":137,"description":244,"image":245,"image_alt":140,"width":65,"height":66},"abb50d7a-69c7-476d-bd8f-ddc12b1b3b1a","Grid Sidebar Project management Form Collaboration Table Task management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fabb50d7a-69c7-476d-bd8f-ddc12b1b3b1a.png",{"slug":30,"title":29,"logo":32},{"uuid":248,"title":249,"canonical_path":4,"kind":48,"patterns_count":250,"categories":251,"screens":256,"app":269},"3cff37ec-c4f5-4b9d-9016-9ebfe83e99b2","Managing Files",13,[252],{"id":253,"title":254,"slug":255},41,"Uploading files","upload-files",[257,261,265],{"uuid":258,"title":137,"description":259,"image":260,"image_alt":140,"width":65,"height":66},"a9a608e9-fac8-4ed5-bbea-10da301b7e8e","Empty state illustration","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa9a608e9-fac8-4ed5-bbea-10da301b7e8e.png",{"uuid":262,"title":137,"description":263,"image":264,"image_alt":140,"width":65,"height":66},"f76ad2f5-5560-47a6-9053-bb820edd8fcc","File management Keyboard shortcuts B2B SaaS","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff76ad2f5-5560-47a6-9053-bb820edd8fcc.png",{"uuid":266,"title":137,"description":267,"image":268,"image_alt":140,"width":65,"height":66},"2789bc1f-2cb7-4c3a-94e8-1caaf29352df","Task management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2789bc1f-2cb7-4c3a-94e8-1caaf29352df.png",{"slug":30,"title":29,"logo":32},{"uuid":271,"title":272,"canonical_path":4,"kind":48,"patterns_count":273,"categories":274,"screens":279,"app":291},"eb5f4502-3bf2-4992-8d1e-2e8a40d5f0c6","Adding Tasks",6,[275],{"id":276,"title":277,"slug":278},80,"Adding","add",[280,284,287],{"uuid":281,"title":137,"description":282,"image":283,"image_alt":140,"width":65,"height":66},"5e203b3f-a095-445c-9992-e9016c61c6be","Task management Keyboard shortcuts","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5e203b3f-a095-445c-9992-e9016c61c6be.png",{"uuid":285,"title":137,"description":240,"image":286,"image_alt":140,"width":65,"height":66},"23026d87-922f-4882-9cac-593af0ec30c8","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F23026d87-922f-4882-9cac-593af0ec30c8.png",{"uuid":288,"title":137,"description":289,"image":290,"image_alt":140,"width":65,"height":66},"21e50f2e-2505-4670-8cee-5f56c4927df3","Task management Keyboard shortcuts Crm dashboard B2B SaaS","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F21e50f2e-2505-4670-8cee-5f56c4927df3.png",{"slug":30,"title":29,"logo":32},{"uuid":293,"title":294,"canonical_path":4,"kind":48,"patterns_count":250,"categories":295,"screens":297,"app":309},"bcfd960c-fdf9-4f7a-836b-5ac313b306c6","Managing Notes",[296],{"id":172,"title":173,"slug":174},[298,302,306],{"uuid":299,"title":137,"description":300,"image":301,"image_alt":140,"width":65,"height":66},"1cca7a1a-6dfa-4cb9-a984-0ce63acdd2fd","Keyboard shortcuts Crm dashboard Data Grid","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1cca7a1a-6dfa-4cb9-a984-0ce63acdd2fd.png",{"uuid":303,"title":137,"description":304,"image":305,"image_alt":140,"width":65,"height":66},"d2219e8e-1dc9-4071-97d9-00b935cfadd5","Split view","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd2219e8e-1dc9-4071-97d9-00b935cfadd5.png",{"uuid":307,"title":137,"description":138,"image":308,"image_alt":140,"width":65,"height":66},"2799dd8f-e090-452f-9257-10a064ce4382","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2799dd8f-e090-452f-9257-10a064ce4382.png",{"slug":30,"title":29,"logo":32},[],[312,315,318,321,324],{"label":313,"to":314},"Twenty product screens","\u002Fexamples\u002Fapps\u002Ftwenty\u002Fscreens",{"label":316,"to":317},"Twenty marketing pages","\u002Fexamples\u002Fapps\u002Ftwenty\u002Fmarketing",{"label":319,"to":320},"Twenty UI components","\u002Fexamples\u002Fapps\u002Ftwenty\u002Fcomponents",{"label":322,"to":323},"CRM app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcrm",{"label":325,"to":326},"Open Source app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fopen-source",{"published_at":328,"updated_at":329},"2025-07-07T07:38:29.000Z","2026-09-13T13:02:39.000Z",{"left":331,"top":331,"width":332,"height":332,"rotate":331,"vFlip":333,"hFlip":333,"body":334},0,20,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>"]