[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fstrut\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":44,"showcases":307,"links":308,"dates":366},"\u002Fexamples\u002Fapps\u002Fstrut\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Strut product screens examples - Nicelydone","Browse Strut screen design examples. Preview the interface screenshots and explore related UI patterns. The all-in-one AI workspace for writers","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff1ba1ae9-11b4-4489-b097-eda98b4234d8.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},"Strut design examples","\u002Fexamples\u002Fapps\u002Fstrut",{"label":23,"to":4},"Strut 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,"twitter_username":34,"categories":35},"Strut","strut","The all-in-one AI workspace for writers","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fstrut-ejwvr626.png","https:\u002F\u002Fstrut.so\u002F","strut_ai",[36,40],{"id":37,"title":38,"slug":39},80,"Artificial Intelligence","artificial-intelligence",{"id":41,"title":42,"slug":43},59,"Writing tools","writing-tools",[45,70,86,99,109,130,145,168,219,231,256,280],{"uuid":46,"title":47,"description":48,"canonical_path":4,"image":11,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":53,"component_categories":63,"app":68},"f1ba1ae9-11b4-4489-b097-eda98b4234d8","Sign up — Strut","Signup screen where the user creates an account using Google OAuth or an email and password.",3024,1674,"Sign up — Strut from Strut","screen",[54],{"id":55,"label":56,"slug":57,"rank":58,"group":59},5,"Sign Up","sign-up",0,{"id":60,"label":61,"slug":62},1,"Access & Account","access-and-account",[64],{"id":65,"title":66,"slug":67},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":69},[],{"uuid":71,"title":72,"description":73,"canonical_path":4,"image":74,"width":49,"height":50,"image_alt":75,"kind":52,"patterns":76,"component_categories":82,"app":84},"bf3da3fa-7fce-4061-8d27-f31641a4083b","Log in — Strut","Sign-in screen where the user authenticates with Google or their email address and password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbf3da3fa-7fce-4061-8d27-f31641a4083b.png","Log in — Strut from Strut",[77],{"id":78,"label":79,"slug":80,"rank":58,"group":81},2,"Forgot Password","forgot-password",{"id":60,"label":61,"slug":62},[83],{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":85},[],{"uuid":87,"title":88,"description":89,"canonical_path":4,"image":90,"width":49,"height":50,"image_alt":91,"kind":52,"patterns":92,"component_categories":95,"app":97},"5df90b00-9f53-4b52-a22e-3f067ecac0d4","Reset your password | Strut","Password recovery screen where the user enters their email address to receive reset instructions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5df90b00-9f53-4b52-a22e-3f067ecac0d4.png","Reset your password | Strut from Strut",[93],{"id":78,"label":79,"slug":80,"rank":58,"group":94},{"id":60,"label":61,"slug":62},[96],{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":98},[],{"uuid":100,"title":88,"description":89,"canonical_path":4,"image":101,"width":49,"height":50,"image_alt":91,"kind":52,"patterns":102,"component_categories":105,"app":107},"fbed4006-933a-4446-9e55-34df3f065e9a","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffbed4006-933a-4446-9e55-34df3f065e9a.png",[103],{"id":78,"label":79,"slug":80,"rank":58,"group":104},{"id":60,"label":61,"slug":62},[106],{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":108},[],{"uuid":110,"title":111,"description":112,"canonical_path":4,"image":113,"width":49,"height":50,"image_alt":114,"kind":52,"patterns":115,"component_categories":126,"app":128},"a848fd4b-0618-4ed7-9cfa-5f28df100496","Check your email | Strut","Password recovery screen instructing the user to check their email for reset instructions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa848fd4b-0618-4ed7-9cfa-5f28df100496.png","Check your email | Strut from Strut",[116,118],{"id":78,"label":79,"slug":80,"rank":58,"group":117},{"id":60,"label":61,"slug":62},{"id":119,"label":120,"slug":121,"rank":60,"group":122},122,"Success","success",{"id":123,"label":124,"slug":125},12,"States & Feedback","states-and-feedback",[127],{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":129},[],{"uuid":131,"title":47,"description":132,"canonical_path":4,"image":133,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":134,"component_categories":137,"app":143},"0048c707-874f-4d09-81af-d1a0ad70dd40","Signup page where the user creates a Strut account using Google or by entering an email and a password that meets specific validation criteria.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0048c707-874f-4d09-81af-d1a0ad70dd40.png",[135],{"id":55,"label":56,"slug":57,"rank":58,"group":136},{"id":60,"label":61,"slug":62},[138,142],{"id":139,"title":140,"slug":141},174,"Card","card",{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":144},[],{"uuid":146,"title":29,"description":147,"canonical_path":4,"image":148,"width":49,"height":50,"image_alt":149,"kind":52,"patterns":150,"component_categories":159,"app":166},"5f59d1f1-6f79-4739-b862-b4c036683700","Home screen where the user can jump into their existing workspace or create a new one.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5f59d1f1-6f79-4739-b862-b4c036683700.png","Strut from Strut",[151],{"id":152,"label":153,"slug":154,"rank":58,"group":155},81,"Home","home",{"id":156,"label":157,"slug":158},8,"Pages & Content","pages-and-content",[160,161,165],{"id":139,"title":140,"slug":141},{"id":162,"title":163,"slug":164},169,"Avatar","avatar",{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":167},[],{"uuid":169,"title":170,"description":171,"canonical_path":4,"image":172,"width":49,"height":50,"image_alt":173,"kind":52,"patterns":174,"component_categories":209,"app":217},"39c49373-0181-401b-865c-d2ff5a597ee7","Strut - Getting Started Guide","Workspace view where the user browses onboarding documents and tutorial videos alongside an AI chat sidebar.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F39c49373-0181-401b-865c-d2ff5a597ee7.png","Strut - Getting Started Guide from Strut",[175,183,191,196,201],{"id":176,"label":177,"slug":178,"rank":58,"group":179},72,"Getting Started","getting-started",{"id":180,"label":181,"slug":182},7,"Onboarding & Education","onboarding-and-education",{"id":184,"label":185,"slug":186,"rank":60,"group":187},27,"AI Assistant","ai-assistant",{"id":188,"label":189,"slug":190},3,"AI","ai",{"id":192,"label":193,"slug":194,"rank":78,"group":195},79,"Browse","browse",{"id":156,"label":157,"slug":158},{"id":197,"label":198,"slug":199,"rank":188,"group":200},118,"Help","help",{"id":123,"label":124,"slug":125},{"id":202,"label":203,"slug":204,"rank":205,"group":206},61,"Video Player","video-player",4,{"id":55,"label":207,"slug":208},"Media & Tools","media-and-tools",[210,214,215,216],{"id":211,"title":212,"slug":213},260,"Badge","badge",{"id":139,"title":140,"slug":141},{"id":162,"title":163,"slug":164},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":218},[],{"uuid":220,"title":170,"description":221,"canonical_path":4,"image":222,"width":49,"height":50,"image_alt":173,"kind":52,"patterns":223,"component_categories":226,"app":229},"75a39351-8e90-4fce-a04f-e8c9dc98e077","Content editor where the user reads a welcome guide containing an introductory video and can ask an AI assistant questions about the document.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F75a39351-8e90-4fce-a04f-e8c9dc98e077.png",[224],{"id":176,"label":177,"slug":178,"rank":58,"group":225},{"id":180,"label":181,"slug":182},[227,228],{"id":162,"title":163,"slug":164},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":230},[],{"uuid":232,"title":170,"description":233,"canonical_path":4,"image":234,"width":49,"height":50,"image_alt":173,"kind":52,"patterns":235,"component_categories":250,"app":254},"42d028b3-e86f-489b-8d87-51025007a510","Content editor displaying a welcome onboarding document with an embedded video, alongside a persistent AI assistant chat panel.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F42d028b3-e86f-489b-8d87-51025007a510.png",[236,238,240,245],{"id":176,"label":177,"slug":178,"rank":58,"group":237},{"id":180,"label":181,"slug":182},{"id":184,"label":185,"slug":186,"rank":60,"group":239},{"id":188,"label":189,"slug":190},{"id":241,"label":242,"slug":243,"rank":78,"group":244},77,"Welcome","welcome",{"id":180,"label":181,"slug":182},{"id":246,"label":247,"slug":248,"rank":188,"group":249},58,"Media Editor","media-editor",{"id":55,"label":207,"slug":208},[251,252,253],{"id":139,"title":140,"slug":141},{"id":162,"title":163,"slug":164},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":255},[],{"uuid":257,"title":170,"description":258,"canonical_path":4,"image":259,"width":49,"height":50,"image_alt":173,"kind":52,"patterns":260,"component_categories":271,"app":278},"3163aa91-b15e-4837-8fdb-63f3f8509f88","Onboarding document editor showing a welcome guide with an embedded video, alongside an AI chat sidebar for assistance.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3163aa91-b15e-4837-8fdb-63f3f8509f88.png",[261,263,265,267,269],{"id":176,"label":177,"slug":178,"rank":58,"group":262},{"id":180,"label":181,"slug":182},{"id":184,"label":185,"slug":186,"rank":60,"group":264},{"id":188,"label":189,"slug":190},{"id":197,"label":198,"slug":199,"rank":78,"group":266},{"id":123,"label":124,"slug":125},{"id":202,"label":203,"slug":204,"rank":188,"group":268},{"id":55,"label":207,"slug":208},{"id":241,"label":242,"slug":243,"rank":205,"group":270},{"id":180,"label":181,"slug":182},[272,276,277],{"id":273,"title":274,"slug":275},277,"Button group","button-group",{"id":162,"title":163,"slug":164},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":279},[],{"uuid":281,"title":170,"description":282,"canonical_path":4,"image":283,"width":49,"height":50,"image_alt":173,"kind":52,"patterns":284,"component_categories":301,"app":305},"d448bb34-173a-429c-8399-cb1c23cec5c6","Content editor showing a welcome guide with an embedded video, alongside an AI assistant panel for contextual chat and document actions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd448bb34-173a-429c-8399-cb1c23cec5c6.png",[285,287,289,294,296],{"id":176,"label":177,"slug":178,"rank":58,"group":286},{"id":180,"label":181,"slug":182},{"id":184,"label":185,"slug":186,"rank":60,"group":288},{"id":188,"label":189,"slug":190},{"id":290,"label":291,"slug":292,"rank":78,"group":293},35,"Chatbot","chatbot",{"id":188,"label":189,"slug":190},{"id":241,"label":242,"slug":243,"rank":188,"group":295},{"id":180,"label":181,"slug":182},{"id":297,"label":298,"slug":299,"rank":205,"group":300},82,"Media Detail","media-detail",{"id":156,"label":157,"slug":158},[302,303,304],{"id":139,"title":140,"slug":141},{"id":162,"title":163,"slug":164},{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":306},[],[],[309,311,313,315,317,319,321,323,325,327,329,331,333,336,339,342,345,348,350,354,358,362],{"label":177,"to":310},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":185,"to":312},"\u002Fexamples\u002Fscreens\u002Fai-assistant",{"label":79,"to":314},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":242,"to":316},"\u002Fexamples\u002Fscreens\u002Fwelcome",{"label":198,"to":318},"\u002Fexamples\u002Fscreens\u002Fhelp",{"label":56,"to":320},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":203,"to":322},"\u002Fexamples\u002Fscreens\u002Fvideo-player",{"label":193,"to":324},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":291,"to":326},"\u002Fexamples\u002Fscreens\u002Fchatbot",{"label":153,"to":328},"\u002Fexamples\u002Fscreens\u002Fhome",{"label":298,"to":330},"\u002Fexamples\u002Fscreens\u002Fmedia-detail",{"label":247,"to":332},"\u002Fexamples\u002Fscreens\u002Fmedia-editor",{"label":334,"to":335},"Strut marketing pages","\u002Fexamples\u002Fapps\u002Fstrut\u002Fmarketing",{"label":337,"to":338},"Strut user flows","\u002Fexamples\u002Fapps\u002Fstrut\u002Fflows",{"label":340,"to":341},"Strut UI components","\u002Fexamples\u002Fapps\u002Fstrut\u002Fcomponents",{"label":343,"to":344},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":346,"to":347},"Writing tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fwriting-tools",{"label":349,"to":18},"All SaaS app examples",{"label":351,"to":352,"description":353},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":355,"to":356,"description":357},"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":359,"to":360,"description":361},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":363,"to":364,"description":365},"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":367,"updated_at":368},"2024-02-26T10:14:34.000Z","2026-09-13T13:02:39.000Z"]