[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Foffline-mode":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"totals":8,"category":11,"seo":15,"breadcrumbs":19,"content":28,"examples":33,"showcases":559,"links":560,"dates":619},"\u002Fexamples\u002Ftags\u002Foffline-mode","collection","screens",true,{"example_count":9,"app_count":10},219,74,{"id":12,"title":13,"description":14},5185,"Offline mode","",{"title":16,"description":17,"og_image":18},"Offline mode screen examples - Nicelydone","Offline mode screen design examples from SaaS apps. Browse examples from Navattic, Craft, Notion Mail.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa12e59cb-9c80-47fb-9023-9e3dc491a4e0.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Offline mode screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"219 screens",[34,98,156,189,215,288,330,359,390,426,477,527],{"uuid":35,"title":36,"description":37,"canonical_path":38,"image":18,"width":39,"height":40,"image_alt":41,"published_at":42,"kind":43,"patterns":44,"component_categories":60,"app":77},"a12e59cb-9c80-47fb-9023-9e3dc491a4e0","Navattic","Settings page where the user encounters a feature gate for offline demos and can request access to the Enterprise plan.","\u002Fexamples\u002Fapps\u002Fnavattic\u002Fscreens",3024,1758,"Navattic from Navattic","2026-05-05T10:32:31.000Z","screen",[45,54],{"id":46,"label":47,"slug":48,"rank":49,"group":50},102,"Settings","settings",0,{"id":51,"label":52,"slug":53},10,"Settings & Admin","settings-and-admin",{"id":55,"label":56,"slug":57,"rank":58,"group":59},94,"Account Settings","account-settings",1,{"id":51,"label":52,"slug":53},[61,65,69,73],{"id":62,"title":63,"slug":64},177,"Breadcrumb","breadcrumb",{"id":66,"title":67,"slug":68},260,"Badge","badge",{"id":70,"title":71,"slug":72},174,"Card","card",{"id":74,"title":75,"slug":76},175,"Button","button",{"slug":78,"title":36,"logo":79,"baseline":80,"categories":81},"navattic","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd26bd2f9-ee1e-4acc-9d41-1890fbd1b5c4.png","Make buying easier with demos",[82,86,90,94],{"id":83,"title":84,"slug":85},25,"Marketing","marketing",{"id":87,"title":88,"slug":89},80,"Artificial Intelligence","artificial-intelligence",{"id":91,"title":92,"slug":93},96,"No code","no-code",{"id":95,"title":96,"slug":97},103,"Demo Automation","demo-automation",{"uuid":99,"title":100,"description":101,"canonical_path":102,"image":103,"width":39,"height":104,"image_alt":105,"published_at":106,"kind":43,"patterns":107,"component_categories":116,"app":134},"f442b15b-30ca-46ae-b586-f39414ee439e","One Writing Experience, Every Device","Feature page highlighting Craft's writing capabilities across devices, including native apps, AI assistance, and offline mode, ending with pricing and download options.","\u002Fexamples\u002Fapps\u002Fcraft\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff442b15b-30ca-46ae-b586-f39414ee439e.png",14860,"One Writing Experience, Every Device from Craft","2025-06-23T19:39:19.000Z",[108],{"id":109,"label":110,"slug":111,"rank":49,"group":112},138,"Feature Page","feature-page",{"id":113,"label":114,"slug":115},15,"Marketing Page Types","marketing-page-types",[117,121,125,129,133],{"id":118,"title":119,"slug":120},298,"Bento box","bento-grid",{"id":122,"title":123,"slug":124},232,"Testimonial","testimonial",{"id":126,"title":127,"slug":128},202,"Footer","footer",{"id":130,"title":131,"slug":132},258,"Header","header",{"id":70,"title":71,"slug":72},{"slug":135,"title":136,"logo":137,"baseline":138,"categories":139},"craft","Craft","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcraft-gw2w5ytx.png","Taking notes to the next level",[140,144,148,152],{"id":141,"title":142,"slug":143},30,"Productivity","productivity",{"id":145,"title":146,"slug":147},22,"Knowledge Management","knowledge-management",{"id":149,"title":150,"slug":151},29,"Task Management","task-management",{"id":153,"title":154,"slug":155},59,"Writing tools","writing-tools",{"uuid":157,"title":158,"description":159,"canonical_path":160,"image":161,"width":39,"height":162,"image_alt":163,"published_at":164,"kind":43,"patterns":165,"component_categories":171,"app":179},"03d20ec8-a23d-4143-aa89-e2d171ad84c4","Notion Mail","Product page introducing Notion Mail, highlighting AI-driven organization, automated drafting, and seamless integration with the broader Notion ecosystem.","\u002Fexamples\u002Fapps\u002Fnotion-mail\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F03d20ec8-a23d-4143-aa89-e2d171ad84c4.png",15388,"Notion Mail from Notion Mail","2025-04-21T10:48:03.000Z",[166],{"id":167,"label":168,"slug":169,"rank":49,"group":170},137,"Product Page","product-page",{"id":113,"label":114,"slug":115},[172,176,177,178],{"id":173,"title":174,"slug":175},189,"FAQ","faq",{"id":122,"title":123,"slug":124},{"id":126,"title":127,"slug":128},{"id":130,"title":131,"slug":132},{"slug":180,"title":158,"logo":181,"baseline":182,"categories":183},"notion-mail","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fnotion-mail-6kbmdt89.png","The inbox that thinks like you",[184,188],{"id":185,"title":186,"slug":187},92,"Email","email",{"id":87,"title":88,"slug":89},{"uuid":190,"title":191,"description":192,"canonical_path":193,"image":194,"width":39,"height":195,"image_alt":196,"published_at":197,"kind":43,"patterns":198,"component_categories":204,"app":206},"60a0a48b-5cea-48b3-a7d6-c445534e9bdf","Our values","Documentation article detailing the company's core values, including speed, security, reliability, and simplicity, alongside a table of contents.","\u002Fexamples\u002Fapps\u002Freflect\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F60a0a48b-5cea-48b3-a7d6-c445534e9bdf.png",3500,"Our values from Reflect","2025-03-24T15:32:15.000Z",[199],{"id":200,"label":201,"slug":202,"rank":49,"group":203},179,"Help Center","help-center",{"id":113,"label":114,"slug":115},[205],{"id":74,"title":75,"slug":76},{"slug":207,"title":208,"logo":209,"baseline":210,"categories":211},"reflect","Reflect","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Freflect-98047e97.png","Keep track of your notes, books, and meetings.",[212,213,214],{"id":141,"title":142,"slug":143},{"id":145,"title":146,"slug":147},{"id":153,"title":154,"slug":155},{"uuid":216,"title":217,"description":218,"canonical_path":219,"image":220,"width":39,"height":221,"image_alt":222,"published_at":223,"kind":43,"patterns":224,"component_categories":253,"app":272},"1b9d008f-c27e-4de2-b274-6c286bffa8d6","Account - Replit","Settings page where the user configures their profile, billing, notifications, connected services, and editor themes.","\u002Fexamples\u002Fapps\u002Freplit\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1b9d008f-c27e-4de2-b274-6c286bffa8d6.png",10518,"Account - Replit from Replit","2025-03-10T14:11:20.000Z",[225,227,235,240,245],{"id":55,"label":56,"slug":57,"rank":49,"group":226},{"id":51,"label":52,"slug":53},{"id":228,"label":229,"slug":230,"rank":58,"group":231},3,"Profile","profile",{"id":232,"label":233,"slug":234},11,"Social & Collaboration","social-and-collaboration",{"id":91,"label":236,"slug":237,"rank":238,"group":239},"Billing Settings","billing-settings",2,{"id":51,"label":52,"slug":53},{"id":241,"label":242,"slug":243,"rank":228,"group":244},99,"Notification Settings","notification-settings",{"id":51,"label":52,"slug":53},{"id":246,"label":247,"slug":248,"rank":249,"group":250},6,"Verification","verification",4,{"id":58,"label":251,"slug":252},"Access & Account","access-and-account",[254,258,262,266,270,271],{"id":255,"title":256,"slug":257},167,"Alert","alert",{"id":259,"title":260,"slug":261},257,"Input number","input-number",{"id":263,"title":264,"slug":265},240,"Horizontal navigation","horizontal-navigation",{"id":267,"title":268,"slug":269},169,"Avatar","avatar",{"id":70,"title":71,"slug":72},{"id":74,"title":75,"slug":76},{"slug":273,"title":274,"logo":275,"baseline":276,"categories":277},"replit","Replit","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Freplit-7961c4fc.png","Turn your ideas into apps with AI",[278,279,283,287],{"id":87,"title":88,"slug":89},{"id":280,"title":281,"slug":282},48,"Developer Tools","developer-tools",{"id":284,"title":285,"slug":286},7,"Web Development","web-development",{"id":91,"title":92,"slug":93},{"uuid":289,"title":290,"description":291,"canonical_path":292,"image":293,"width":39,"height":294,"image_alt":295,"published_at":296,"kind":43,"patterns":297,"component_categories":309,"app":312},"ac42610c-3b25-427d-a439-fb56617d3521","Changelog.","Changelog page listing recent product updates, new features, and bug fixes in a chronological timeline.","\u002Fexamples\u002Fapps\u002Fsupercut\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fac42610c-3b25-427d-a439-fb56617d3521.png",9744,"Changelog. from Supercut","2025-03-03T15:15:27.000Z",[298,304],{"id":280,"label":299,"slug":300,"rank":49,"group":301},"Timeline","timeline",{"id":249,"label":302,"slug":303},"Data & Analysis","data-and-analysis",{"id":305,"label":306,"slug":307,"rank":58,"group":308},78,"Article","article",{"id":113,"label":114,"slug":115},[310,311],{"id":66,"title":67,"slug":68},{"id":130,"title":131,"slug":132},{"slug":313,"title":314,"logo":315,"baseline":316,"categories":317},"supercut","Supercut","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsupercut-tlod2xbm.png","Record your screen & communicate like a pro",[318,322,326],{"id":319,"title":320,"slug":321},23,"Collaboration","collaboration",{"id":323,"title":324,"slug":325},82,"Communication","communication",{"id":327,"title":328,"slug":329},100,"Video","video",{"uuid":331,"title":332,"description":333,"canonical_path":334,"image":335,"width":39,"height":336,"image_alt":337,"published_at":338,"kind":43,"patterns":339,"component_categories":345,"app":349},"b2265fbb-cfe0-47bb-bf01-6fbe98a0e181","Terms of Service","Legal page displaying the advertising terms and conditions with a sidebar to navigate other company policies and a download link for the PDF version.","\u002Fexamples\u002Fapps\u002Fwetransfer\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb2265fbb-cfe0-47bb-bf01-6fbe98a0e181.png",17812,"Terms of Service from WeTransfer","2025-02-24T16:12:09.000Z",[340],{"id":341,"label":342,"slug":343,"rank":49,"group":344},186,"Terms Page","terms-page",{"id":113,"label":114,"slug":115},[346,347,348],{"id":126,"title":127,"slug":128},{"id":130,"title":131,"slug":132},{"id":74,"title":75,"slug":76},{"slug":350,"title":351,"logo":352,"baseline":353,"categories":354},"wetransfer","WeTransfer","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fwetransfer-3e886b18.png","The simplest way to send your files around the world.",[355],{"id":356,"title":357,"slug":358},71,"File sharing","file-sharing",{"uuid":360,"title":361,"description":362,"canonical_path":363,"image":364,"width":39,"height":365,"image_alt":366,"published_at":367,"kind":43,"patterns":368,"component_categories":373,"app":377},"db85591c-5a7e-4bb5-b26d-1909240f95aa","Privacy Policy","Privacy policy page where the user reads how Motion collects, uses, and shares personal information, including details on third-party advertising and user controls.","\u002Fexamples\u002Fapps\u002Fmotion\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdb85591c-5a7e-4bb5-b26d-1909240f95aa.png",18276,"Privacy Policy from Motion","2025-02-10T16:08:17.000Z",[369],{"id":370,"label":361,"slug":371,"rank":49,"group":372},185,"privacy-policy",{"id":113,"label":114,"slug":115},[374,375,376],{"id":126,"title":127,"slug":128},{"id":130,"title":131,"slug":132},{"id":74,"title":75,"slug":76},{"slug":378,"title":379,"logo":380,"baseline":381,"categories":382},"motion","Motion","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmotion-6fac92db.png","Use AI to plan your work, automatically",[383,384,385,386],{"id":87,"title":88,"slug":89},{"id":149,"title":150,"slug":151},{"id":141,"title":142,"slug":143},{"id":387,"title":388,"slug":389},101,"Calendar","calendar",{"uuid":391,"title":392,"description":393,"canonical_path":394,"image":395,"width":39,"height":396,"image_alt":397,"published_at":398,"kind":43,"patterns":399,"component_categories":402,"app":412},"57ae851f-33e1-492b-ba2f-c3c436a0b3c6","Steep The semantic layer","Feature page explaining the product's built-in semantic layer and integrations with dbt and Cube, prompting users to start a free trial.","\u002Fexamples\u002Fapps\u002Fsteep\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F57ae851f-33e1-492b-ba2f-c3c436a0b3c6.png",11682,"Steep The semantic layer from Steep","2025-02-10T14:54:31.000Z",[400],{"id":109,"label":110,"slug":111,"rank":49,"group":401},{"id":113,"label":114,"slug":115},[403,407,408,409,410,411],{"id":404,"title":405,"slug":406},233,"Tabs","tabs",{"id":118,"title":119,"slug":120},{"id":66,"title":67,"slug":68},{"id":126,"title":127,"slug":128},{"id":130,"title":131,"slug":132},{"id":70,"title":71,"slug":72},{"slug":413,"title":414,"logo":415,"baseline":416,"categories":417},"steep","Steep","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsteep-pou14al3.png","The new way to work with data together",[418,422],{"id":419,"title":420,"slug":421},46,"Analytics","analytics",{"id":423,"title":424,"slug":425},57,"Big data","big-data",{"uuid":427,"title":428,"description":429,"canonical_path":430,"image":431,"width":39,"height":432,"image_alt":433,"published_at":434,"kind":43,"patterns":435,"component_categories":448,"app":455},"17234da1-3930-4d56-b87b-f6d6fb7d58a0","Laura Owenss First Site","Detail page where a user views a community member's profile, including their interests, active challenges, attending meetups, and popular circles.","\u002Fexamples\u002Fapps\u002Fkajabi\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F17234da1-3930-4d56-b87b-f6d6fb7d58a0.png",3252,"Laura Owenss First Site from Kajabi","2025-01-27T19:31:18.000Z",[436,438,443],{"id":228,"label":229,"slug":230,"rank":49,"group":437},{"id":232,"label":233,"slug":234},{"id":439,"label":440,"slug":441,"rank":58,"group":442},113,"Social Feed","social-feed",{"id":232,"label":233,"slug":234},{"id":444,"label":445,"slug":446,"rank":238,"group":447},106,"Comments","comments",{"id":232,"label":233,"slug":234},[449,450,451,452,453,454],{"id":62,"title":63,"slug":64},{"id":263,"title":264,"slug":265},{"id":267,"title":268,"slug":269},{"id":66,"title":67,"slug":68},{"id":70,"title":71,"slug":72},{"id":74,"title":75,"slug":76},{"slug":456,"title":457,"logo":458,"baseline":459,"categories":460},"kajabi","Kajabi","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fkajabi-a4858d70.png","Where Creators Build Businesses",[461,465,466,469,473],{"id":462,"title":463,"slug":464},32,"Education","education",{"id":83,"title":84,"slug":85},{"id":58,"title":467,"slug":468},"Communities","communities",{"id":470,"title":471,"slug":472},27,"Email Newsletters","email-newsletters",{"id":474,"title":475,"slug":476},33,"E-Learning","e-learning",{"uuid":478,"title":479,"description":480,"canonical_path":481,"image":482,"width":39,"height":483,"image_alt":484,"published_at":485,"kind":43,"patterns":486,"component_categories":500,"app":511},"8057e9ad-54bf-4e21-b541-6c157393b74e","Sprig","Detail page where the user previews a survey question asking for feedback on Nicelydone.club, featuring a populated text area, a continue button, and a device toggle in the top bar.","\u002Fexamples\u002Fapps\u002Fsprig\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8057e9ad-54bf-4e21-b541-6c157393b74e.png",1778,"Sprig from Sprig","2025-01-20T15:31:42.000Z",[487,492],{"id":488,"label":489,"slug":490,"rank":49,"group":491},42,"Form","form",{"id":249,"label":302,"slug":303},{"id":493,"label":494,"slug":495,"rank":58,"group":496},117,"Feedback","feedback",{"id":497,"label":498,"slug":499},12,"States & Feedback","states-and-feedback",[501,505,509,510],{"id":502,"title":503,"slug":504},277,"Button group","button-group",{"id":506,"title":507,"slug":508},226,"Skeleton","skeleton",{"id":70,"title":71,"slug":72},{"id":74,"title":75,"slug":76},{"slug":512,"title":479,"logo":513,"baseline":514,"categories":515},"sprig","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsprig-755032e7.png","Product Insights Platform for Team that Need Rapid User…",[516,520,522,523],{"id":517,"title":518,"slug":519},69,"Surveys","surveys",{"id":521,"title":494,"slug":495},35,{"id":87,"title":88,"slug":89},{"id":524,"title":525,"slug":526},104,"User Research","user-research",{"uuid":528,"title":529,"description":530,"canonical_path":531,"image":532,"width":39,"height":533,"image_alt":534,"published_at":535,"kind":43,"patterns":536,"component_categories":541,"app":545},"82457ffb-0c44-4033-97b3-5559ace1147d","Profile | Workspace 01","Settings page where the user configures their personal profile details, two-factor authentication, appearance themes, localization, and in-app preferences.","\u002Fexamples\u002Fapps\u002Fclickup\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F82457ffb-0c44-4033-97b3-5559ace1147d.png",5054,"Profile | Workspace 01 from ClickUp","2024-11-25T17:00:30.000Z",[537,539],{"id":55,"label":56,"slug":57,"rank":49,"group":538},{"id":51,"label":52,"slug":53},{"id":228,"label":229,"slug":230,"rank":58,"group":540},{"id":232,"label":233,"slug":234},[542,543,544],{"id":263,"title":264,"slug":265},{"id":267,"title":268,"slug":269},{"id":74,"title":75,"slug":76},{"slug":546,"title":547,"logo":548,"baseline":549,"categories":550},"clickup","ClickUp","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fclickup-771d7d6d.png","The everything app, for work",[551,552,556,557,558],{"id":141,"title":142,"slug":143},{"id":553,"title":554,"slug":555},86,"Product management","product-management",{"id":145,"title":146,"slug":147},{"id":319,"title":320,"slug":321},{"id":149,"title":150,"slug":151},[],[561,563,565,567,569,571,573,575,577,579,581,583,586,589,592,595,598,601,604,607,610,613,616],{"label":56,"to":562,"count":228},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":229,"to":564,"count":228},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":236,"to":566,"count":58},"\u002Fexamples\u002Fscreens\u002Fbilling-settings",{"label":445,"to":568,"count":58},"\u002Fexamples\u002Fscreens\u002Fcomments",{"label":494,"to":570,"count":58},"\u002Fexamples\u002Fscreens\u002Ffeedback",{"label":489,"to":572,"count":58},"\u002Fexamples\u002Fscreens\u002Fform",{"label":242,"to":574,"count":58},"\u002Fexamples\u002Fscreens\u002Fnotification-settings",{"label":47,"to":576,"count":58},"\u002Fexamples\u002Fscreens\u002Fsettings",{"label":440,"to":578,"count":58},"\u002Fexamples\u002Fscreens\u002Fsocial-feed",{"label":299,"to":580,"count":58},"\u002Fexamples\u002Fscreens\u002Ftimeline",{"label":247,"to":582,"count":58},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":584,"to":585},"Navattic design examples","\u002Fexamples\u002Fapps\u002Fnavattic",{"label":587,"to":588},"Craft design examples","\u002Fexamples\u002Fapps\u002Fcraft",{"label":590,"to":591},"Notion Mail design examples","\u002Fexamples\u002Fapps\u002Fnotion-mail",{"label":593,"to":594},"Reflect design examples","\u002Fexamples\u002Fapps\u002Freflect",{"label":596,"to":597},"Replit design examples","\u002Fexamples\u002Fapps\u002Freplit",{"label":599,"to":600},"Supercut design examples","\u002Fexamples\u002Fapps\u002Fsupercut",{"label":602,"to":603},"WeTransfer design examples","\u002Fexamples\u002Fapps\u002Fwetransfer",{"label":605,"to":606},"Motion design examples","\u002Fexamples\u002Fapps\u002Fmotion",{"label":608,"to":609},"Steep design examples","\u002Fexamples\u002Fapps\u002Fsteep",{"label":611,"to":612},"Kajabi design examples","\u002Fexamples\u002Fapps\u002Fkajabi",{"label":614,"to":615},"Sprig design examples","\u002Fexamples\u002Fapps\u002Fsprig",{"label":617,"to":618},"ClickUp design examples","\u002Fexamples\u002Fapps\u002Fclickup",{"published_at":620,"updated_at":621},"2024-11-25T10:32:31.000Z","2026-09-05T20:19:42.632Z"]