[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ftines\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":51,"showcases":324,"links":325,"dates":384},"\u002Fexamples\u002Fapps\u002Ftines\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Tines product screens examples - Nicelydone","Browse Tines screen design examples. Preview the interface screenshots and explore related UI patterns. No-code automation for security teams","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9e01a967-56d9-4432-ad9e-c6c20106de3b.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},"Tines design examples","\u002Fexamples\u002Fapps\u002Ftines",{"label":23,"to":4},"Tines product screens examples",{"title":23,"eyebrow":25,"description":10,"sections":26,"body":27},"SaaS app examples",[],[],{"title":29,"slug":30,"description":31,"logo":32,"url":33,"categories":34},"Tines","tines","No-code automation for security teams","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftines-1ce70211.png","https:\u002F\u002Fwww.tines.com",[35,39,43,47],{"id":36,"title":37,"slug":38},78,"Security","security",{"id":40,"title":41,"slug":42},96,"No code","no-code",{"id":44,"title":45,"slug":46},80,"Artificial Intelligence","artificial-intelligence",{"id":48,"title":49,"slug":50},105,"Workflow Automation","workflow-automation",[52,85,98,119,148,167,198,219,240,264,287,306],{"uuid":53,"title":54,"description":55,"canonical_path":4,"image":11,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":60,"component_categories":70,"app":83},"9e01a967-56d9-4432-ad9e-c6c20106de3b","Sign up | Tines","Signup screen where the user can create a free account using their work email, Google, or Microsoft, alongside a list of trusted companies and plan benefits.",3024,2216,"Sign up | Tines from Tines","screen",[61],{"id":62,"label":63,"slug":64,"rank":65,"group":66},5,"Sign Up","sign-up",0,{"id":67,"label":68,"slug":69},1,"Access & Account","access-and-account",[71,75,79],{"id":72,"title":73,"slug":74},174,"Card","card",{"id":76,"title":77,"slug":78},240,"Horizontal navigation","horizontal-navigation",{"id":80,"title":81,"slug":82},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":84},[],{"uuid":86,"title":54,"description":87,"canonical_path":4,"image":88,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":89,"component_categories":92,"app":96},"eada9178-f859-4237-9bf2-e540424a95f9","Signup page where the user can create a free account using their work email or via Google and Microsoft SSO, alongside a list of plan features and a wall of trusted company logos.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Feada9178-f859-4237-9bf2-e540424a95f9.png",[90],{"id":62,"label":63,"slug":64,"rank":65,"group":91},{"id":67,"label":68,"slug":69},[93,94,95],{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":97},[],{"uuid":99,"title":29,"description":100,"canonical_path":4,"image":101,"width":56,"height":102,"image_alt":103,"kind":59,"patterns":104,"component_categories":115,"app":117},"9c8a8539-b179-4780-9bd3-99ea5115bf18","Verification screen instructing the user to check their email for a temporary 15-minute login link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9c8a8539-b179-4780-9bd3-99ea5115bf18.png",1778,"Tines from Tines",[105,110],{"id":106,"label":107,"slug":108,"rank":65,"group":109},6,"Verification","verification",{"id":67,"label":68,"slug":69},{"id":111,"label":112,"slug":113,"rank":67,"group":114},4,"Sign In","sign-in",{"id":67,"label":68,"slug":69},[116],{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":118},[],{"uuid":120,"title":121,"description":122,"canonical_path":4,"image":123,"width":56,"height":102,"image_alt":124,"kind":59,"patterns":125,"component_categories":144,"app":146},"a672fc8b-bb59-4248-8f33-431b28970259","Your first story - Tines","Signup step where the user provides their first name, last name, and company to continue account creation.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa672fc8b-bb59-4248-8f33-431b28970259.png","Your first story - Tines from Tines",[126,128,136],{"id":62,"label":63,"slug":64,"rank":65,"group":127},{"id":67,"label":68,"slug":69},{"id":129,"label":130,"slug":131,"rank":67,"group":132},74,"Onboarding Checklist","onboarding-checklist",{"id":133,"label":134,"slug":135},7,"Onboarding & Education","onboarding-and-education",{"id":137,"label":138,"slug":139,"rank":140,"group":141},42,"Form","form",2,{"id":111,"label":142,"slug":143},"Data & Analysis","data-and-analysis",[145],{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":147},[],{"uuid":149,"title":121,"description":150,"canonical_path":4,"image":151,"width":56,"height":102,"image_alt":124,"kind":59,"patterns":152,"component_categories":157,"app":165},"e4e39d09-4057-428e-a09d-4825b902456e","Onboarding step where the user provides their name and company details to complete account creation, displayed over a wireframed app interface.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe4e39d09-4057-428e-a09d-4825b902456e.png",[153],{"id":67,"label":154,"slug":155,"rank":65,"group":156},"Account Setup","account-setup",{"id":67,"label":68,"slug":69},[158,162,163,164],{"id":159,"title":160,"slug":161},226,"Skeleton","skeleton",{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":166},[],{"uuid":168,"title":121,"description":169,"canonical_path":4,"image":170,"width":56,"height":102,"image_alt":124,"kind":59,"patterns":171,"component_categories":188,"app":196},"d66a80c7-1685-43ff-b012-80fe247dcdcf","Workflow editor canvas where a new user is prompted to start a quick example connecting a weather API to an email.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd66a80c7-1685-43ff-b012-80fe247dcdcf.png",[172,174,180],{"id":129,"label":130,"slug":131,"rank":65,"group":173},{"id":133,"label":134,"slug":135},{"id":133,"label":175,"slug":176,"rank":67,"group":177},"Add & Create","add-and-create",{"id":140,"label":178,"slug":179},"Actions","actions",{"id":181,"label":182,"slug":183,"rank":140,"group":184},129,"Workflow Builder","workflow-builder",{"id":185,"label":186,"slug":187},13,"Workflow & Automation","workflow-and-automation",[189,193,194,195],{"id":190,"title":191,"slug":192},169,"Avatar","avatar",{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":197},[],{"uuid":199,"title":121,"description":200,"canonical_path":4,"image":201,"width":56,"height":102,"image_alt":124,"kind":59,"patterns":202,"component_categories":212,"app":217},"2bbedfa0-2520-4b49-b1cb-c6364a3d48be","Workflow editor canvas where a product tour prompts the user to connect a weather API action to an email action.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2bbedfa0-2520-4b49-b1cb-c6364a3d48be.png",[203,208,210],{"id":204,"label":205,"slug":206,"rank":65,"group":207},73,"Guided Tour","guided-tour",{"id":133,"label":134,"slug":135},{"id":129,"label":130,"slug":131,"rank":67,"group":209},{"id":133,"label":134,"slug":135},{"id":181,"label":182,"slug":183,"rank":140,"group":211},{"id":185,"label":186,"slug":187},[213,214,215,216],{"id":190,"title":191,"slug":192},{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":218},[],{"uuid":220,"title":121,"description":221,"canonical_path":4,"image":222,"width":56,"height":102,"image_alt":124,"kind":59,"patterns":223,"component_categories":233,"app":238},"29b88431-e438-4d5f-b161-6c2a559f3e54","Workflow editor canvas where a product tour guides the user to configure a send email action after a weather API trigger.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F29b88431-e438-4d5f-b161-6c2a559f3e54.png",[224,226,231],{"id":129,"label":130,"slug":131,"rank":65,"group":225},{"id":133,"label":134,"slug":135},{"id":227,"label":228,"slug":229,"rank":67,"group":230},76,"Tutorial","tutorial",{"id":133,"label":134,"slug":135},{"id":181,"label":182,"slug":183,"rank":140,"group":232},{"id":185,"label":186,"slug":187},[234,235,236,237],{"id":190,"title":191,"slug":192},{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":239},[],{"uuid":241,"title":121,"description":242,"canonical_path":4,"image":243,"width":56,"height":102,"image_alt":124,"kind":59,"patterns":244,"component_categories":254,"app":262},"24c53543-374e-46ec-8c17-a2f130673952","Workflow editor where the user configures a send email action within an automation story, guided by an onboarding tour.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F24c53543-374e-46ec-8c17-a2f130673952.png",[245,247,249],{"id":204,"label":205,"slug":206,"rank":65,"group":246},{"id":133,"label":134,"slug":135},{"id":181,"label":182,"slug":183,"rank":67,"group":248},{"id":185,"label":186,"slug":187},{"id":250,"label":251,"slug":252,"rank":140,"group":253},75,"Setup Wizard","setup-wizard",{"id":133,"label":134,"slug":135},[255,259,260,261],{"id":256,"title":257,"slug":258},233,"Tabs","tabs",{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":263},[],{"uuid":265,"title":121,"description":266,"canonical_path":4,"image":267,"width":56,"height":102,"image_alt":124,"kind":59,"patterns":268,"component_categories":273,"app":285},"34647791-3343-40b5-877d-d13e1e052c83","Workflow editor where the user configures a send email action within an onboarding tour.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F34647791-3343-40b5-877d-d13e1e052c83.png",[269,271],{"id":133,"label":175,"slug":176,"rank":65,"group":270},{"id":140,"label":178,"slug":179},{"id":181,"label":182,"slug":183,"rank":67,"group":272},{"id":185,"label":186,"slug":187},[274,278,282,283,284],{"id":275,"title":276,"slug":277},260,"Badge","badge",{"id":279,"title":280,"slug":281},168,"Accordion","accordion",{"id":256,"title":257,"slug":258},{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":286},[],{"uuid":288,"title":121,"description":289,"canonical_path":4,"image":290,"width":56,"height":102,"image_alt":124,"kind":59,"patterns":291,"component_categories":298,"app":304},"e4cf82d9-5e16-4e3d-b298-5e7a83176f79","Workflow editor where the user configures a 'Send email' action node with recipients, subject, and body while following an onboarding tour.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe4cf82d9-5e16-4e3d-b298-5e7a83176f79.png",[292,294,296],{"id":181,"label":182,"slug":183,"rank":65,"group":293},{"id":185,"label":186,"slug":187},{"id":129,"label":130,"slug":131,"rank":67,"group":295},{"id":133,"label":134,"slug":135},{"id":133,"label":175,"slug":176,"rank":140,"group":297},{"id":140,"label":178,"slug":179},[299,300,301,302,303],{"id":279,"title":280,"slug":281},{"id":256,"title":257,"slug":258},{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":305},[],{"uuid":307,"title":121,"description":308,"canonical_path":4,"image":309,"width":56,"height":102,"image_alt":124,"kind":59,"patterns":310,"component_categories":317,"app":322},"067a5537-d2e9-46a9-9d3b-45e1197cdf09","Workflow editor where the user is following a product tour step to connect a weather API action.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F067a5537-d2e9-46a9-9d3b-45e1197cdf09.png",[311,313,315],{"id":250,"label":251,"slug":252,"rank":65,"group":312},{"id":133,"label":134,"slug":135},{"id":129,"label":130,"slug":131,"rank":67,"group":314},{"id":133,"label":134,"slug":135},{"id":181,"label":182,"slug":183,"rank":140,"group":316},{"id":185,"label":186,"slug":187},[318,319,320,321],{"id":256,"title":257,"slug":258},{"id":72,"title":73,"slug":74},{"id":76,"title":77,"slug":78},{"id":80,"title":81,"slug":82},{"slug":30,"title":29,"logo":32,"categories":323},[],[],[326,328,330,332,334,336,338,340,342,344,346,348,351,354,357,360,363,366,368,372,376,380],{"label":182,"to":327},"\u002Fexamples\u002Fscreens\u002Fworkflow-builder",{"label":130,"to":329},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":175,"to":331},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":63,"to":333},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":205,"to":335},"\u002Fexamples\u002Fscreens\u002Fguided-tour",{"label":251,"to":337},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":154,"to":339},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":138,"to":341},"\u002Fexamples\u002Fscreens\u002Fform",{"label":112,"to":343},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":228,"to":345},"\u002Fexamples\u002Fscreens\u002Ftutorial",{"label":107,"to":347},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":349,"to":350},"Tines marketing pages","\u002Fexamples\u002Fapps\u002Ftines\u002Fmarketing",{"label":352,"to":353},"Tines user flows","\u002Fexamples\u002Fapps\u002Ftines\u002Fflows",{"label":355,"to":356},"Tines UI components","\u002Fexamples\u002Fapps\u002Ftines\u002Fcomponents",{"label":358,"to":359},"Security app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsecurity",{"label":361,"to":362},"No code app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fno-code",{"label":364,"to":365},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":367,"to":18},"All SaaS app examples",{"label":369,"to":370,"description":371},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":373,"to":374,"description":375},"SaaS marketing page examples","\u002Fexamples\u002Fpages","Browse real SaaS marketing pages grouped by page type, from landing pages to pricing and customer story pages.",{"label":377,"to":378,"description":379},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":381,"to":382,"description":383},"User flow examples from SaaS apps","\u002Fexamples\u002Fflows","Explore user flow examples for sign-up, onboarding, billing, and other SaaS tasks. Compare the order of screens and preview the opening steps from real apps.",{"published_at":385,"updated_at":386},"2022-02-27T19:14:07.000Z","2026-09-13T13:02:39.000Z"]