[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ftwenty":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":56,"showcases":57,"links":326,"dates":341},"\u002Fexamples\u002Fapps\u002Ftwenty","detail","apps",true,{"title":9,"description":10,"og_image":11},"Twenty design examples - Nicelydone","Explore Twenty UI design examples. The #1 Open-Source CRM","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd0df7467-a48e-4adc-a82f-47d920858428.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Twenty design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Twenty",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Ftwenty\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Ftwenty\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Ftwenty\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Ftwenty\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"twitter_username":46,"categories":47},"Twenty","twenty","The #1 Open-Source CRM","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F958b58b6-f349-407c-8a71-bb683f68bcd2.png","https:\u002F\u002Ftwenty.com","twentycrm",[48,52],{"id":49,"title":50,"slug":51},53,"CRM","crm",{"id":53,"title":54,"slug":55},45,"Open Source","open-source",[],[58,317,320,323],{"family":59,"examples":60},"screens",[61,102,117,135,152,167,213,229,249,268,288,302],{"uuid":62,"title":63,"description":64,"canonical_path":29,"image":11,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":69,"component_categories":87,"app":100},"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.",3024,1780,"Sign in or Create an account from Twenty","screen",[70,79],{"id":71,"label":72,"slug":73,"rank":74,"group":75},5,"Sign Up","sign-up",0,{"id":76,"label":77,"slug":78},1,"Access & Account","access-and-account",{"id":80,"label":81,"slug":82,"rank":76,"group":83},77,"Welcome","welcome",{"id":84,"label":85,"slug":86},7,"Onboarding & Education","onboarding-and-education",[88,92,96],{"id":89,"title":90,"slug":91},260,"Badge","badge",{"id":93,"title":94,"slug":95},284,"Modal","modal",{"id":97,"title":98,"slug":99},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":101},[],{"uuid":103,"title":63,"description":104,"canonical_path":29,"image":105,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":106,"component_categories":111,"app":115},"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",[107,109],{"id":71,"label":72,"slug":73,"rank":74,"group":108},{"id":76,"label":77,"slug":78},{"id":80,"label":81,"slug":82,"rank":76,"group":110},{"id":84,"label":85,"slug":86},[112,113,114],{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"id":97,"title":98,"slug":99},{"slug":42,"title":41,"logo":44,"categories":116},[],{"uuid":118,"title":63,"description":119,"canonical_path":29,"image":120,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":121,"component_categories":129,"app":133},"26ea83f7-983d-4c5a-b239-e7bb2763d343","Sign-in screen where the user authenticates with Google, Microsoft, or email via a centered modal over the application.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F26ea83f7-983d-4c5a-b239-e7bb2763d343.png",[122,127],{"id":123,"label":124,"slug":125,"rank":74,"group":126},4,"Sign In","sign-in",{"id":76,"label":77,"slug":78},{"id":80,"label":81,"slug":82,"rank":76,"group":128},{"id":84,"label":85,"slug":86},[130,131,132],{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"id":97,"title":98,"slug":99},{"slug":42,"title":41,"logo":44,"categories":134},[],{"uuid":136,"title":63,"description":137,"canonical_path":29,"image":138,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":139,"component_categories":146,"app":150},"5e8f5800-3c61-4b8b-b5bb-30c108d4c59c","Signup screen where the user can create an account using Google, Microsoft, or email and password, displayed as a modal over a companies data table.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5e8f5800-3c61-4b8b-b5bb-30c108d4c59c.png",[140,142],{"id":71,"label":72,"slug":73,"rank":74,"group":141},{"id":76,"label":77,"slug":78},{"id":76,"label":143,"slug":144,"rank":76,"group":145},"Account Setup","account-setup",{"id":76,"label":77,"slug":78},[147,148,149],{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"id":97,"title":98,"slug":99},{"slug":42,"title":41,"logo":44,"categories":151},[],{"uuid":153,"title":63,"description":154,"canonical_path":29,"image":155,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":156,"component_categories":161,"app":165},"b70063c7-c0ff-4e64-9c70-ed28ee419ef0","Signup modal where the user can create an account using Google, Microsoft, or an email and password, overlaid on the main application.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb70063c7-c0ff-4e64-9c70-ed28ee419ef0.png",[157,159],{"id":71,"label":72,"slug":73,"rank":74,"group":158},{"id":76,"label":77,"slug":78},{"id":76,"label":143,"slug":144,"rank":76,"group":160},{"id":76,"label":77,"slug":78},[162,163,164],{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"id":97,"title":98,"slug":99},{"slug":42,"title":41,"logo":44,"categories":166},[],{"uuid":168,"title":41,"description":169,"canonical_path":29,"image":170,"width":65,"height":66,"image_alt":171,"kind":68,"patterns":172,"component_categories":204,"app":211},"64d7ca1a-4a3b-4a46-bc16-87b371f20932","Paywall modal where the user selects between a 30-day trial with a credit card or a 7-day trial without one to access the Pro Plan.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F64d7ca1a-4a3b-4a46-bc16-87b371f20932.png","Twenty from Twenty",[173,181,186,195],{"id":174,"label":175,"slug":176,"rank":74,"group":177},91,"Trial","trial",{"id":178,"label":179,"slug":180},9,"Plans & Limits","plans-and-limits",{"id":182,"label":183,"slug":184,"rank":76,"group":185},89,"Pricing","pricing",{"id":178,"label":179,"slug":180},{"id":187,"label":188,"slug":189,"rank":190,"group":191},114,"Confirmation","confirmation",2,{"id":192,"label":193,"slug":194},12,"States & Feedback","states-and-feedback",{"id":196,"label":197,"slug":198,"rank":199,"group":200},130,"Checkout","checkout",3,{"id":201,"label":202,"slug":203},14,"Payments & Checkout","payments-and-checkout",[205,209,210],{"id":206,"title":207,"slug":208},174,"Card","card",{"id":93,"title":94,"slug":95},{"id":97,"title":98,"slug":99},{"slug":42,"title":41,"logo":44,"categories":212},[],{"uuid":214,"title":41,"description":215,"canonical_path":29,"image":216,"width":65,"height":66,"image_alt":171,"kind":68,"patterns":217,"component_categories":224,"app":227},"4d82c72a-f227-4a42-a179-fe53b6f0ba02","Paywall modal where the user must choose between a 30-day trial with a credit card or a 7-day trial without one to access the Pro Plan.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4d82c72a-f227-4a42-a179-fe53b6f0ba02.png",[218,220,222],{"id":174,"label":175,"slug":176,"rank":74,"group":219},{"id":178,"label":179,"slug":180},{"id":182,"label":183,"slug":184,"rank":76,"group":221},{"id":178,"label":179,"slug":180},{"id":187,"label":188,"slug":189,"rank":190,"group":223},{"id":192,"label":193,"slug":194},[225,226],{"id":93,"title":94,"slug":95},{"id":97,"title":98,"slug":99},{"slug":42,"title":41,"logo":44,"categories":228},[],{"uuid":230,"title":231,"description":232,"canonical_path":29,"image":233,"width":65,"height":66,"image_alt":234,"kind":68,"patterns":235,"component_categories":245,"app":247},"521bd315-5d99-49bd-8c79-682fa5f2ccdd","Twenty.com","Checkout page where the user activates a 7-day free trial for a Pro Plan by confirming their pre-filled email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F521bd315-5d99-49bd-8c79-682fa5f2ccdd.png","Twenty.com from Twenty",[236,238,240],{"id":196,"label":197,"slug":198,"rank":74,"group":237},{"id":201,"label":202,"slug":203},{"id":174,"label":175,"slug":176,"rank":76,"group":239},{"id":178,"label":179,"slug":180},{"id":241,"label":242,"slug":243,"rank":190,"group":244},131,"Payment Form","payment-form",{"id":201,"label":202,"slug":203},[246],{"id":97,"title":98,"slug":99},{"slug":42,"title":41,"logo":44,"categories":248},[],{"uuid":250,"title":251,"description":252,"canonical_path":29,"image":253,"width":65,"height":66,"image_alt":254,"kind":68,"patterns":255,"component_categories":258,"app":266},"5ed24337-5985-4c87-a820-dc263aacaab9","Create Workspace","Onboarding modal where the user sets up their new workspace by uploading a logo and entering an organization name.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5ed24337-5985-4c87-a820-dc263aacaab9.png","Create Workspace from Twenty",[256],{"id":76,"label":143,"slug":144,"rank":74,"group":257},{"id":76,"label":77,"slug":78},[259,263,264,265],{"id":260,"title":261,"slug":262},169,"Avatar","avatar",{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"id":97,"title":98,"slug":99},{"slug":42,"title":41,"logo":44,"categories":267},[],{"uuid":269,"title":251,"description":270,"canonical_path":29,"image":271,"width":65,"height":66,"image_alt":254,"kind":68,"patterns":272,"component_categories":282,"app":286},"5db78175-9a96-4dd1-9bff-00bbd72cc52f","Onboarding screen where the user sets up their new workspace by uploading a logo and entering an organization name.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5db78175-9a96-4dd1-9bff-00bbd72cc52f.png",[273,275],{"id":76,"label":143,"slug":144,"rank":74,"group":274},{"id":76,"label":77,"slug":78},{"id":276,"label":277,"slug":278,"rank":76,"group":279},25,"Upload & Download","upload-and-download",{"id":190,"label":280,"slug":281},"Actions","actions",[283,284,285],{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"id":97,"title":98,"slug":99},{"slug":42,"title":41,"logo":44,"categories":287},[],{"uuid":289,"title":251,"description":290,"canonical_path":29,"image":291,"width":65,"height":66,"image_alt":254,"kind":68,"patterns":292,"component_categories":297,"app":300},"159a5683-95df-449f-a79d-394af4048687","Onboarding step where the user names their new workspace and uploads an organization logo before continuing.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F159a5683-95df-449f-a79d-394af4048687.png",[293,295],{"id":76,"label":143,"slug":144,"rank":74,"group":294},{"id":76,"label":77,"slug":78},{"id":276,"label":277,"slug":278,"rank":76,"group":296},{"id":190,"label":280,"slug":281},[298,299],{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"slug":42,"title":41,"logo":44,"categories":301},[],{"uuid":303,"title":251,"description":304,"canonical_path":29,"image":305,"width":65,"height":66,"image_alt":254,"kind":68,"patterns":306,"component_categories":311,"app":315},"962fcf92-6a80-4752-8daf-12d334ec9f36","Modal where the user sets up a new workspace by uploading a company logo and entering their organization name.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F962fcf92-6a80-4752-8daf-12d334ec9f36.png",[307,309],{"id":76,"label":143,"slug":144,"rank":74,"group":308},{"id":76,"label":77,"slug":78},{"id":276,"label":277,"slug":278,"rank":76,"group":310},{"id":190,"label":280,"slug":281},[312,313,314],{"id":89,"title":90,"slug":91},{"id":93,"title":94,"slug":95},{"id":97,"title":98,"slug":99},{"slug":42,"title":41,"logo":44,"categories":316},[],{"family":318,"examples":319},"flows",[],{"family":321,"examples":322},"components",[],{"family":324,"examples":325},"pages",[],[327,329,331,333,335,338],{"label":328,"to":29},"Twenty product screens",{"label":330,"to":38},"Twenty marketing pages",{"label":332,"to":32},"Twenty user flows",{"label":334,"to":35},"Twenty UI components",{"label":336,"to":337},"CRM app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcrm",{"label":339,"to":340},"Open Source app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fopen-source",{"published_at":342,"updated_at":343},"2025-07-07T07:38:29.000Z","2026-09-13T13:02:39.000Z"]