[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ftines":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":63,"showcases":64,"links":349,"dates":367},"\u002Fexamples\u002Fapps\u002Ftines","detail","apps",true,{"title":9,"description":10,"og_image":11},"Tines design examples - Nicelydone","Explore Tines UI design examples. No-code automation for security teams","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9e01a967-56d9-4432-ad9e-c6c20106de3b.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Tines design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Tines",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Ftines\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Ftines\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Ftines\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Ftines\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"categories":46},"Tines","tines","No-code automation for security teams","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftines-1ce70211.png","https:\u002F\u002Fwww.tines.com",[47,51,55,59],{"id":48,"title":49,"slug":50},78,"Security","security",{"id":52,"title":53,"slug":54},96,"No code","no-code",{"id":56,"title":57,"slug":58},80,"Artificial Intelligence","artificial-intelligence",{"id":60,"title":61,"slug":62},105,"Workflow Automation","workflow-automation",[],[65,340,343,346],{"family":66,"examples":67},"screens",[68,101,114,135,164,183,214,235,256,280,303,322],{"uuid":69,"title":70,"description":71,"canonical_path":29,"image":11,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":76,"component_categories":86,"app":99},"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",[77],{"id":78,"label":79,"slug":80,"rank":81,"group":82},5,"Sign Up","sign-up",0,{"id":83,"label":84,"slug":85},1,"Access & Account","access-and-account",[87,91,95],{"id":88,"title":89,"slug":90},174,"Card","card",{"id":92,"title":93,"slug":94},240,"Horizontal navigation","horizontal-navigation",{"id":96,"title":97,"slug":98},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":100},[],{"uuid":102,"title":70,"description":103,"canonical_path":29,"image":104,"width":72,"height":73,"image_alt":74,"kind":75,"patterns":105,"component_categories":108,"app":112},"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",[106],{"id":78,"label":79,"slug":80,"rank":81,"group":107},{"id":83,"label":84,"slug":85},[109,110,111],{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"id":96,"title":97,"slug":98},{"slug":42,"title":41,"logo":44,"categories":113},[],{"uuid":115,"title":41,"description":116,"canonical_path":29,"image":117,"width":72,"height":118,"image_alt":119,"kind":75,"patterns":120,"component_categories":131,"app":133},"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",[121,126],{"id":122,"label":123,"slug":124,"rank":81,"group":125},6,"Verification","verification",{"id":83,"label":84,"slug":85},{"id":127,"label":128,"slug":129,"rank":83,"group":130},4,"Sign In","sign-in",{"id":83,"label":84,"slug":85},[132],{"id":96,"title":97,"slug":98},{"slug":42,"title":41,"logo":44,"categories":134},[],{"uuid":136,"title":137,"description":138,"canonical_path":29,"image":139,"width":72,"height":118,"image_alt":140,"kind":75,"patterns":141,"component_categories":160,"app":162},"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",[142,144,152],{"id":78,"label":79,"slug":80,"rank":81,"group":143},{"id":83,"label":84,"slug":85},{"id":145,"label":146,"slug":147,"rank":83,"group":148},74,"Onboarding Checklist","onboarding-checklist",{"id":149,"label":150,"slug":151},7,"Onboarding & Education","onboarding-and-education",{"id":153,"label":154,"slug":155,"rank":156,"group":157},42,"Form","form",2,{"id":127,"label":158,"slug":159},"Data & Analysis","data-and-analysis",[161],{"id":96,"title":97,"slug":98},{"slug":42,"title":41,"logo":44,"categories":163},[],{"uuid":165,"title":137,"description":166,"canonical_path":29,"image":167,"width":72,"height":118,"image_alt":140,"kind":75,"patterns":168,"component_categories":173,"app":181},"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",[169],{"id":83,"label":170,"slug":171,"rank":81,"group":172},"Account Setup","account-setup",{"id":83,"label":84,"slug":85},[174,178,179,180],{"id":175,"title":176,"slug":177},226,"Skeleton","skeleton",{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"id":96,"title":97,"slug":98},{"slug":42,"title":41,"logo":44,"categories":182},[],{"uuid":184,"title":137,"description":185,"canonical_path":29,"image":186,"width":72,"height":118,"image_alt":140,"kind":75,"patterns":187,"component_categories":204,"app":212},"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",[188,190,196],{"id":145,"label":146,"slug":147,"rank":81,"group":189},{"id":149,"label":150,"slug":151},{"id":149,"label":191,"slug":192,"rank":83,"group":193},"Add & Create","add-and-create",{"id":156,"label":194,"slug":195},"Actions","actions",{"id":197,"label":198,"slug":199,"rank":156,"group":200},129,"Workflow Builder","workflow-builder",{"id":201,"label":202,"slug":203},13,"Workflow & Automation","workflow-and-automation",[205,209,210,211],{"id":206,"title":207,"slug":208},169,"Avatar","avatar",{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"id":96,"title":97,"slug":98},{"slug":42,"title":41,"logo":44,"categories":213},[],{"uuid":215,"title":137,"description":216,"canonical_path":29,"image":217,"width":72,"height":118,"image_alt":140,"kind":75,"patterns":218,"component_categories":228,"app":233},"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",[219,224,226],{"id":220,"label":221,"slug":222,"rank":81,"group":223},73,"Guided Tour","guided-tour",{"id":149,"label":150,"slug":151},{"id":145,"label":146,"slug":147,"rank":83,"group":225},{"id":149,"label":150,"slug":151},{"id":197,"label":198,"slug":199,"rank":156,"group":227},{"id":201,"label":202,"slug":203},[229,230,231,232],{"id":206,"title":207,"slug":208},{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"id":96,"title":97,"slug":98},{"slug":42,"title":41,"logo":44,"categories":234},[],{"uuid":236,"title":137,"description":237,"canonical_path":29,"image":238,"width":72,"height":118,"image_alt":140,"kind":75,"patterns":239,"component_categories":249,"app":254},"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",[240,242,247],{"id":145,"label":146,"slug":147,"rank":81,"group":241},{"id":149,"label":150,"slug":151},{"id":243,"label":244,"slug":245,"rank":83,"group":246},76,"Tutorial","tutorial",{"id":149,"label":150,"slug":151},{"id":197,"label":198,"slug":199,"rank":156,"group":248},{"id":201,"label":202,"slug":203},[250,251,252,253],{"id":206,"title":207,"slug":208},{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"id":96,"title":97,"slug":98},{"slug":42,"title":41,"logo":44,"categories":255},[],{"uuid":257,"title":137,"description":258,"canonical_path":29,"image":259,"width":72,"height":118,"image_alt":140,"kind":75,"patterns":260,"component_categories":270,"app":278},"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",[261,263,265],{"id":220,"label":221,"slug":222,"rank":81,"group":262},{"id":149,"label":150,"slug":151},{"id":197,"label":198,"slug":199,"rank":83,"group":264},{"id":201,"label":202,"slug":203},{"id":266,"label":267,"slug":268,"rank":156,"group":269},75,"Setup Wizard","setup-wizard",{"id":149,"label":150,"slug":151},[271,275,276,277],{"id":272,"title":273,"slug":274},233,"Tabs","tabs",{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"id":96,"title":97,"slug":98},{"slug":42,"title":41,"logo":44,"categories":279},[],{"uuid":281,"title":137,"description":282,"canonical_path":29,"image":283,"width":72,"height":118,"image_alt":140,"kind":75,"patterns":284,"component_categories":289,"app":301},"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",[285,287],{"id":149,"label":191,"slug":192,"rank":81,"group":286},{"id":156,"label":194,"slug":195},{"id":197,"label":198,"slug":199,"rank":83,"group":288},{"id":201,"label":202,"slug":203},[290,294,298,299,300],{"id":291,"title":292,"slug":293},260,"Badge","badge",{"id":295,"title":296,"slug":297},168,"Accordion","accordion",{"id":272,"title":273,"slug":274},{"id":92,"title":93,"slug":94},{"id":96,"title":97,"slug":98},{"slug":42,"title":41,"logo":44,"categories":302},[],{"uuid":304,"title":137,"description":305,"canonical_path":29,"image":306,"width":72,"height":118,"image_alt":140,"kind":75,"patterns":307,"component_categories":314,"app":320},"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",[308,310,312],{"id":197,"label":198,"slug":199,"rank":81,"group":309},{"id":201,"label":202,"slug":203},{"id":145,"label":146,"slug":147,"rank":83,"group":311},{"id":149,"label":150,"slug":151},{"id":149,"label":191,"slug":192,"rank":156,"group":313},{"id":156,"label":194,"slug":195},[315,316,317,318,319],{"id":295,"title":296,"slug":297},{"id":272,"title":273,"slug":274},{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"id":96,"title":97,"slug":98},{"slug":42,"title":41,"logo":44,"categories":321},[],{"uuid":323,"title":137,"description":324,"canonical_path":29,"image":325,"width":72,"height":118,"image_alt":140,"kind":75,"patterns":326,"component_categories":333,"app":338},"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",[327,329,331],{"id":266,"label":267,"slug":268,"rank":81,"group":328},{"id":149,"label":150,"slug":151},{"id":145,"label":146,"slug":147,"rank":83,"group":330},{"id":149,"label":150,"slug":151},{"id":197,"label":198,"slug":199,"rank":156,"group":332},{"id":201,"label":202,"slug":203},[334,335,336,337],{"id":272,"title":273,"slug":274},{"id":88,"title":89,"slug":90},{"id":92,"title":93,"slug":94},{"id":96,"title":97,"slug":98},{"slug":42,"title":41,"logo":44,"categories":339},[],{"family":341,"examples":342},"flows",[],{"family":344,"examples":345},"components",[],{"family":347,"examples":348},"pages",[],[350,352,354,356,358,361,364],{"label":351,"to":29},"Tines product screens",{"label":353,"to":38},"Tines marketing pages",{"label":355,"to":32},"Tines user flows",{"label":357,"to":35},"Tines UI components",{"label":359,"to":360},"Security app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsecurity",{"label":362,"to":363},"No code app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fno-code",{"label":365,"to":366},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"published_at":368,"updated_at":369},"2022-02-27T19:14:07.000Z","2026-09-13T13:02:39.000Z"]