[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fskiff\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":268,"links":269,"dates":319},"\u002Fexamples\u002Fapps\u002Fskiff\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Skiff product screens examples - Nicelydone","Browse Skiff screen design examples. Preview the interface screenshots and explore related UI patterns. Skiff is the privacy-first workspace for free thinkers","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8a0bcb20-ced3-4133-81f8-855b9af41a3c.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},"Skiff design examples","\u002Fexamples\u002Fapps\u002Fskiff",{"label":23,"to":4},"Skiff 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},"Skiff","skiff","Skiff is the privacy-first workspace for free thinkers","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fskiff-20fc29d6.png","https:\u002F\u002Fskiff.com","skiffprivacy",[36,40],{"id":37,"title":38,"slug":39},92,"Email","email",{"id":41,"title":42,"slug":43},30,"Productivity","productivity",[45,69,83,101,117,135,164,190,206,221,240,255],{"uuid":46,"title":29,"description":47,"canonical_path":4,"image":11,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":52,"component_categories":62,"app":67},"8a0bcb20-ced3-4133-81f8-855b9af41a3c","Sign-in screen where the user authenticates with an email and password or by connecting a crypto wallet.",3024,1738,"Skiff from Skiff","screen",[53],{"id":54,"label":55,"slug":56,"rank":57,"group":58},4,"Sign In","sign-in",0,{"id":59,"label":60,"slug":61},1,"Access & Account","access-and-account",[63],{"id":64,"title":65,"slug":66},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":68},[],{"uuid":70,"title":29,"description":71,"canonical_path":4,"image":72,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":73,"component_categories":79,"app":81},"a83dfae5-64f3-48fe-876e-9adfe4524299","Password recovery screen where the user enters their email or username to initiate an account reset.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa83dfae5-64f3-48fe-876e-9adfe4524299.png",[74],{"id":75,"label":76,"slug":77,"rank":57,"group":78},2,"Forgot Password","forgot-password",{"id":59,"label":60,"slug":61},[80],{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":82},[],{"uuid":84,"title":29,"description":85,"canonical_path":4,"image":86,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":87,"component_categories":98,"app":99},"852be49b-231a-4187-af37-f5fbc372be5f","Password recovery page where the user is prompted to enter their email or username, currently showing a loading state.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F852be49b-231a-4187-af37-f5fbc372be5f.png",[88,90],{"id":75,"label":76,"slug":77,"rank":57,"group":89},{"id":59,"label":60,"slug":61},{"id":91,"label":92,"slug":93,"rank":59,"group":94},120,"Loading","loading",{"id":95,"label":96,"slug":97},12,"States & Feedback","states-and-feedback",[],{"slug":30,"title":29,"logo":32,"categories":100},[],{"uuid":102,"title":29,"description":103,"canonical_path":4,"image":104,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":105,"component_categories":113,"app":115},"e348cc77-5dff-498c-9d36-fb72c28bdf4f","Account recovery screen displaying an error message because the entered email address was not found in the system.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe348cc77-5dff-498c-9d36-fb72c28bdf4f.png",[106,108],{"id":75,"label":76,"slug":77,"rank":57,"group":107},{"id":59,"label":60,"slug":61},{"id":109,"label":110,"slug":111,"rank":59,"group":112},116,"Error","error",{"id":95,"label":96,"slug":97},[114],{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":116},[],{"uuid":118,"title":29,"description":119,"canonical_path":4,"image":120,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":121,"component_categories":131,"app":133},"83070237-508e-4f5b-97a6-5b15ad6b61f6","Signup screen where the user chooses to create an account via standard sign up or by connecting a crypto wallet.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F83070237-508e-4f5b-97a6-5b15ad6b61f6.png",[122,127],{"id":123,"label":124,"slug":125,"rank":57,"group":126},5,"Sign Up","sign-up",{"id":59,"label":60,"slug":61},{"id":59,"label":128,"slug":129,"rank":59,"group":130},"Account Setup","account-setup",{"id":59,"label":60,"slug":61},[132],{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":134},[],{"uuid":136,"title":29,"description":137,"canonical_path":4,"image":138,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":139,"component_categories":152,"app":162},"150d9be0-1d80-46f5-a091-313a36f73682","Signup step where the user chooses their new @skiff.com email address and can preview their profile card.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F150d9be0-1d80-46f5-a091-313a36f73682.png",[140,142,144],{"id":59,"label":128,"slug":129,"rank":57,"group":141},{"id":59,"label":60,"slug":61},{"id":123,"label":124,"slug":125,"rank":59,"group":143},{"id":59,"label":60,"slug":61},{"id":145,"label":146,"slug":147,"rank":75,"group":148},3,"Profile","profile",{"id":149,"label":150,"slug":151},11,"Social & Collaboration","social-and-collaboration",[153,157,161],{"id":154,"title":155,"slug":156},174,"Card","card",{"id":158,"title":159,"slug":160},169,"Avatar","avatar",{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":163},[],{"uuid":165,"title":29,"description":166,"canonical_path":4,"image":167,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":168,"component_categories":180,"app":188},"0eba238c-0970-4e72-b1ba-78b199b18413","Signup step where the user chooses their new email address and customizes their profile color.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0eba238c-0970-4e72-b1ba-78b199b18413.png",[169,171,173],{"id":123,"label":124,"slug":125,"rank":57,"group":170},{"id":59,"label":60,"slug":61},{"id":145,"label":146,"slug":147,"rank":59,"group":172},{"id":149,"label":150,"slug":151},{"id":174,"label":175,"slug":176,"rank":75,"group":177},7,"Add & Create","add-and-create",{"id":75,"label":178,"slug":179},"Actions","actions",[181,185,186,187],{"id":182,"title":183,"slug":184},183,"Color picker","color-picker",{"id":154,"title":155,"slug":156},{"id":158,"title":159,"slug":160},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":189},[],{"uuid":191,"title":29,"description":192,"canonical_path":4,"image":193,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":194,"component_categories":199,"app":204},"b4f97b22-d5ed-4642-ab1e-239597a67afb","Onboarding step where the user chooses their new Skiff email address and customizes their profile color.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb4f97b22-d5ed-4642-ab1e-239597a67afb.png",[195,197],{"id":59,"label":128,"slug":129,"rank":57,"group":196},{"id":59,"label":60,"slug":61},{"id":145,"label":146,"slug":147,"rank":59,"group":198},{"id":149,"label":150,"slug":151},[200,201,202,203],{"id":182,"title":183,"slug":184},{"id":154,"title":155,"slug":156},{"id":158,"title":159,"slug":160},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":205},[],{"uuid":207,"title":29,"description":192,"canonical_path":4,"image":208,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":209,"component_categories":214,"app":219},"f92566e4-1857-480b-a5f7-4d88519bd709","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff92566e4-1857-480b-a5f7-4d88519bd709.png",[210,212],{"id":59,"label":128,"slug":129,"rank":57,"group":211},{"id":59,"label":60,"slug":61},{"id":145,"label":146,"slug":147,"rank":59,"group":213},{"id":149,"label":150,"slug":151},[215,216,217,218],{"id":182,"title":183,"slug":184},{"id":154,"title":155,"slug":156},{"id":158,"title":159,"slug":160},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":220},[],{"uuid":222,"title":29,"description":223,"canonical_path":4,"image":224,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":225,"component_categories":234,"app":238},"aa865d5d-f0b8-4080-89c9-e039b51ce455","Signup step where the user attempts to claim a new @skiff.com email address but encounters a taken-username validation error, alongside a live preview of their profile card.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Faa865d5d-f0b8-4080-89c9-e039b51ce455.png",[226,228,230,232],{"id":123,"label":124,"slug":125,"rank":57,"group":227},{"id":59,"label":60,"slug":61},{"id":59,"label":128,"slug":129,"rank":59,"group":229},{"id":59,"label":60,"slug":61},{"id":109,"label":110,"slug":111,"rank":75,"group":231},{"id":95,"label":96,"slug":97},{"id":145,"label":146,"slug":147,"rank":145,"group":233},{"id":149,"label":150,"slug":151},[235,236,237],{"id":154,"title":155,"slug":156},{"id":158,"title":159,"slug":160},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":239},[],{"uuid":241,"title":29,"description":192,"canonical_path":4,"image":242,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":243,"component_categories":248,"app":253},"b7624e7c-423f-49a5-9f90-efa1a6ee0c44","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb7624e7c-423f-49a5-9f90-efa1a6ee0c44.png",[244,246],{"id":59,"label":128,"slug":129,"rank":57,"group":245},{"id":59,"label":60,"slug":61},{"id":145,"label":146,"slug":147,"rank":59,"group":247},{"id":149,"label":150,"slug":151},[249,250,251,252],{"id":182,"title":183,"slug":184},{"id":154,"title":155,"slug":156},{"id":158,"title":159,"slug":160},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":254},[],{"uuid":256,"title":29,"description":257,"canonical_path":4,"image":258,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":259,"component_categories":264,"app":266},"fdbea2b7-5594-4078-b105-900fdf907a8d","Signup step where the user creates and confirms a strong password to secure their new account.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffdbea2b7-5594-4078-b105-900fdf907a8d.png",[260,262],{"id":59,"label":128,"slug":129,"rank":57,"group":261},{"id":59,"label":60,"slug":61},{"id":123,"label":124,"slug":125,"rank":59,"group":263},{"id":59,"label":60,"slug":61},[265],{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":267},[],[],[270,272,274,276,278,280,282,284,286,289,292,295,298,301,303,307,311,315],{"label":128,"to":271},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":146,"to":273},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":124,"to":275},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":76,"to":277},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":110,"to":279},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":175,"to":281},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":92,"to":283},"\u002Fexamples\u002Fscreens\u002Floading",{"label":55,"to":285},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":287,"to":288},"Skiff marketing pages","\u002Fexamples\u002Fapps\u002Fskiff\u002Fmarketing",{"label":290,"to":291},"Skiff user flows","\u002Fexamples\u002Fapps\u002Fskiff\u002Fflows",{"label":293,"to":294},"Skiff UI components","\u002Fexamples\u002Fapps\u002Fskiff\u002Fcomponents",{"label":296,"to":297},"Email app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Femail",{"label":299,"to":300},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":302,"to":18},"All SaaS app examples",{"label":304,"to":305,"description":306},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":308,"to":309,"description":310},"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":312,"to":313,"description":314},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":316,"to":317,"description":318},"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":320,"updated_at":321},"2023-02-20T21:30:22.000Z","2026-09-13T13:02:39.000Z"]