[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fhashnode\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":47,"showcases":341,"links":342,"dates":403},"\u002Fexamples\u002Fapps\u002Fhashnode\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Hashnode product screens examples - Nicelydone","Browse Hashnode screen design examples. Preview the interface screenshots and explore related UI patterns. Create, collaborate, and scale your blogs and docs","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F30b8e991-dc9c-4cc6-a4cb-d77dc01e0037.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},"Hashnode design examples","\u002Fexamples\u002Fapps\u002Fhashnode",{"label":23,"to":4},"Hashnode 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":30,"categories":34},"Hashnode","hashnode","Create, collaborate, and scale your blogs and docs","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fhashnode-3019b5d1.png","https:\u002F\u002Fhashnode.com",[35,39,43],{"id":36,"title":37,"slug":38},48,"Developer Tools","developer-tools",{"id":40,"title":41,"slug":42},6,"Publishing","publishing",{"id":44,"title":45,"slug":46},24,"Blogging Platforms","blogging-platforms",[48,106,138,170,186,206,235,256,271,287,302,323],{"uuid":49,"title":50,"description":51,"canonical_path":4,"image":11,"width":52,"height":53,"image_alt":54,"kind":55,"patterns":56,"component_categories":83,"app":104},"30b8e991-dc9c-4cc6-a4cb-d77dc01e0037","Docs by Hashnode – The content engine for your API references and","Product page for Hashnode Docs detailing features like MDX editing, API references, and custom branding, ending with a tiered pricing comparison.",3024,24650,"Docs by Hashnode – The content engine for your API references and from Hashnode","screen",[57,66,74],{"id":58,"label":59,"slug":60,"rank":61,"group":62},89,"Pricing","pricing",0,{"id":63,"label":64,"slug":65},9,"Plans & Limits","plans-and-limits",{"id":67,"label":68,"slug":69,"rank":70,"group":71},65,"Navigation Menu","navigation-menu",1,{"id":40,"label":72,"slug":73},"Navigation & Commands","navigation-and-commands",{"id":75,"label":76,"slug":77,"rank":78,"group":79},81,"Home","home",2,{"id":80,"label":81,"slug":82},8,"Pages & Content","pages-and-content",[84,88,92,96,100],{"id":85,"title":86,"slug":87},240,"Horizontal navigation","horizontal-navigation",{"id":89,"title":90,"slug":91},258,"Header","header",{"id":93,"title":94,"slug":95},232,"Testimonial","testimonial",{"id":97,"title":98,"slug":99},202,"Footer","footer",{"id":101,"title":102,"slug":103},174,"Card","card",{"slug":30,"title":29,"logo":32,"categories":105},[],{"uuid":107,"title":108,"description":109,"canonical_path":4,"image":110,"width":52,"height":111,"image_alt":112,"kind":55,"patterns":113,"component_categories":127,"app":136},"a27bbd82-dee4-4b56-b70f-ecec791f621d","Free AI-powered Markdown WYSIWYG editor — Hashnode","Onboarding modal introducing the markdown editor with a list of key benefits and a preview illustration.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa27bbd82-dee4-4b56-b70f-ecec791f621d.png",1778,"Free AI-powered Markdown WYSIWYG editor — Hashnode from Hashnode",[114,122],{"id":115,"label":116,"slug":117,"rank":61,"group":118},72,"Getting Started","getting-started",{"id":119,"label":120,"slug":121},7,"Onboarding & Education","onboarding-and-education",{"id":123,"label":124,"slug":125,"rank":70,"group":126},77,"Welcome","welcome",{"id":119,"label":120,"slug":121},[128,132],{"id":129,"title":130,"slug":131},284,"Modal","modal",{"id":133,"title":134,"slug":135},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":137},[],{"uuid":139,"title":108,"description":140,"canonical_path":4,"image":141,"width":52,"height":111,"image_alt":112,"kind":55,"patterns":142,"component_categories":165,"app":168},"0ac6679c-954a-4274-9351-3a8fbad68bac","Content editor where the user starts writing a new draft using slash commands for formatting.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0ac6679c-954a-4274-9351-3a8fbad68bac.png",[143,149,157],{"id":119,"label":144,"slug":145,"rank":61,"group":146},"Add & Create","add-and-create",{"id":78,"label":147,"slug":148},"Actions","actions",{"id":150,"label":151,"slug":152,"rank":70,"group":153},27,"AI Assistant","ai-assistant",{"id":154,"label":155,"slug":156},3,"AI","ai",{"id":158,"label":159,"slug":160,"rank":78,"group":161},115,"Empty State","empty-state",{"id":162,"label":163,"slug":164},12,"States & Feedback","states-and-feedback",[166,167],{"id":101,"title":102,"slug":103},{"id":133,"title":134,"slug":135},{"slug":30,"title":29,"logo":32,"categories":169},[],{"uuid":171,"title":108,"description":172,"canonical_path":4,"image":173,"width":52,"height":111,"image_alt":112,"kind":55,"patterns":174,"component_categories":181,"app":184},"b5eec53a-5912-4e77-adc5-07ee9dd3d1c3","Content editor where the user starts a new draft with a slash-command prompt and manages recent drafts in the sidebar.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb5eec53a-5912-4e77-adc5-07ee9dd3d1c3.png",[175,177,179],{"id":119,"label":144,"slug":145,"rank":61,"group":176},{"id":78,"label":147,"slug":148},{"id":150,"label":151,"slug":152,"rank":70,"group":178},{"id":154,"label":155,"slug":156},{"id":158,"label":159,"slug":160,"rank":78,"group":180},{"id":162,"label":163,"slug":164},[182,183],{"id":101,"title":102,"slug":103},{"id":133,"title":134,"slug":135},{"slug":30,"title":29,"logo":32,"categories":185},[],{"uuid":187,"title":108,"description":188,"canonical_path":4,"image":189,"width":52,"height":111,"image_alt":112,"kind":55,"patterns":190,"component_categories":198,"app":204},"7b25d7d1-427b-439c-93d6-0e8005019ee1","Content editor where the user triggers a slash command menu to insert blocks like text, headings, or lists into a new draft.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7b25d7d1-427b-439c-93d6-0e8005019ee1.png",[191,193],{"id":150,"label":151,"slug":152,"rank":61,"group":192},{"id":154,"label":155,"slug":156},{"id":194,"label":195,"slug":196,"rank":70,"group":197},11,"Edit","edit",{"id":78,"label":147,"slug":148},[199,203],{"id":200,"title":201,"slug":202},233,"Tabs","tabs",{"id":133,"title":134,"slug":135},{"slug":30,"title":29,"logo":32,"categories":205},[],{"uuid":207,"title":108,"description":208,"canonical_path":4,"image":209,"width":52,"height":111,"image_alt":112,"kind":55,"patterns":210,"component_categories":226,"app":233},"af1d9bfd-ff3c-42ee-a9fe-a6f7e1f8a9b1","Content editor where the user triggers a slash command menu to insert blocks like headings, lists, or media into their draft.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Faf1d9bfd-ff3c-42ee-a9fe-a6f7e1f8a9b1.png",[211,213,215,218],{"id":150,"label":151,"slug":152,"rank":61,"group":212},{"id":154,"label":155,"slug":156},{"id":194,"label":195,"slug":196,"rank":70,"group":214},{"id":78,"label":147,"slug":148},{"id":216,"label":201,"slug":202,"rank":78,"group":217},69,{"id":40,"label":72,"slug":73},{"id":219,"label":220,"slug":221,"rank":154,"group":222},58,"Media Editor","media-editor",{"id":223,"label":224,"slug":225},5,"Media & Tools","media-and-tools",[227,231,232],{"id":228,"title":229,"slug":230},214,"Popover","popover",{"id":200,"title":201,"slug":202},{"id":133,"title":134,"slug":135},{"slug":30,"title":29,"logo":32,"categories":234},[],{"uuid":236,"title":108,"description":237,"canonical_path":4,"image":238,"width":52,"height":111,"image_alt":112,"kind":55,"patterns":239,"component_categories":251,"app":254},"6c3e108a-292c-46ef-821a-465833694973","Content editor where the user writes a new draft, featuring a sidebar with recent drafts and AI assistance tools.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6c3e108a-292c-46ef-821a-465833694973.png",[240,242,244,246],{"id":119,"label":144,"slug":145,"rank":61,"group":241},{"id":78,"label":147,"slug":148},{"id":194,"label":195,"slug":196,"rank":70,"group":243},{"id":78,"label":147,"slug":148},{"id":150,"label":151,"slug":152,"rank":78,"group":245},{"id":154,"label":155,"slug":156},{"id":247,"label":248,"slug":249,"rank":154,"group":250},80,"Files","files",{"id":80,"label":81,"slug":82},[252,253],{"id":101,"title":102,"slug":103},{"id":133,"title":134,"slug":135},{"slug":30,"title":29,"logo":32,"categories":255},[],{"uuid":257,"title":108,"description":258,"canonical_path":4,"image":259,"width":52,"height":111,"image_alt":112,"kind":55,"patterns":260,"component_categories":267,"app":269},"5e42a941-d35f-4ae6-a17d-f62e02a62888","Content editor where the user drafts a new article, featuring a minimalist canvas and a sidebar with recent drafts and an AI feature promotion.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5e42a941-d35f-4ae6-a17d-f62e02a62888.png",[261,263,265],{"id":194,"label":195,"slug":196,"rank":61,"group":262},{"id":78,"label":147,"slug":148},{"id":150,"label":151,"slug":152,"rank":70,"group":264},{"id":154,"label":155,"slug":156},{"id":247,"label":248,"slug":249,"rank":78,"group":266},{"id":80,"label":81,"slug":82},[268],{"id":133,"title":134,"slug":135},{"slug":30,"title":29,"logo":32,"categories":270},[],{"uuid":272,"title":108,"description":273,"canonical_path":4,"image":274,"width":52,"height":111,"image_alt":112,"kind":55,"patterns":275,"component_categories":282,"app":285},"7ff6f7e7-2d1f-40ae-943d-70a6bb669391","Content editor where the user drafts a blog post using a block-based interface and manages their recent drafts in the sidebar.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7ff6f7e7-2d1f-40ae-943d-70a6bb669391.png",[276,278,280],{"id":194,"label":195,"slug":196,"rank":61,"group":277},{"id":78,"label":147,"slug":148},{"id":150,"label":151,"slug":152,"rank":70,"group":279},{"id":154,"label":155,"slug":156},{"id":247,"label":248,"slug":249,"rank":78,"group":281},{"id":80,"label":81,"slug":82},[283,284],{"id":101,"title":102,"slug":103},{"id":133,"title":134,"slug":135},{"slug":30,"title":29,"logo":32,"categories":286},[],{"uuid":288,"title":108,"description":289,"canonical_path":4,"image":290,"width":52,"height":111,"image_alt":112,"kind":55,"patterns":291,"component_categories":296,"app":300},"3e673c78-f1bf-42e1-ba32-55ea47010e86","Content editor where the user is writing a draft and has opened the slash command menu to insert a new block type.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3e673c78-f1bf-42e1-ba32-55ea47010e86.png",[292,294],{"id":194,"label":195,"slug":196,"rank":61,"group":293},{"id":78,"label":147,"slug":148},{"id":150,"label":151,"slug":152,"rank":70,"group":295},{"id":154,"label":155,"slug":156},[297,298,299],{"id":200,"title":201,"slug":202},{"id":101,"title":102,"slug":103},{"id":133,"title":134,"slug":135},{"slug":30,"title":29,"logo":32,"categories":301},[],{"uuid":303,"title":108,"description":304,"canonical_path":4,"image":305,"width":52,"height":111,"image_alt":112,"kind":55,"patterns":306,"component_categories":318,"app":321},"c9c712f0-f2ac-418c-b8af-b3f6305fc6a0","Block-style content editor where the user drafts a post with a slash-command prompt and an AI feature promotion in the sidebar.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc9c712f0-f2ac-418c-b8af-b3f6305fc6a0.png",[307,309,311,313],{"id":150,"label":151,"slug":152,"rank":61,"group":308},{"id":154,"label":155,"slug":156},{"id":194,"label":195,"slug":196,"rank":70,"group":310},{"id":78,"label":147,"slug":148},{"id":219,"label":220,"slug":221,"rank":78,"group":312},{"id":223,"label":224,"slug":225},{"id":314,"label":315,"slug":316,"rank":154,"group":317},63,"Command Palette","command-palette",{"id":40,"label":72,"slug":73},[319,320],{"id":101,"title":102,"slug":103},{"id":133,"title":134,"slug":135},{"slug":30,"title":29,"logo":32,"categories":322},[],{"uuid":324,"title":108,"description":325,"canonical_path":4,"image":326,"width":52,"height":111,"image_alt":112,"kind":55,"patterns":327,"component_categories":336,"app":339},"19821fc8-75ab-4ce5-9a29-c49f27995709","Content editor where the user writes a blog post about authentication, featuring a left sidebar for draft management and AI feature access.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F19821fc8-75ab-4ce5-9a29-c49f27995709.png",[328,330,332,334],{"id":194,"label":195,"slug":196,"rank":61,"group":329},{"id":78,"label":147,"slug":148},{"id":150,"label":151,"slug":152,"rank":70,"group":331},{"id":154,"label":155,"slug":156},{"id":247,"label":248,"slug":249,"rank":78,"group":333},{"id":80,"label":81,"slug":82},{"id":219,"label":220,"slug":221,"rank":154,"group":335},{"id":223,"label":224,"slug":225},[337,338],{"id":101,"title":102,"slug":103},{"id":133,"title":134,"slug":135},{"slug":30,"title":29,"logo":32,"categories":340},[],[],[343,345,347,349,351,353,355,357,359,361,363,365,367,370,373,376,379,382,385,387,391,395,399],{"label":151,"to":344},"\u002Fexamples\u002Fscreens\u002Fai-assistant",{"label":195,"to":346},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":248,"to":348},"\u002Fexamples\u002Fscreens\u002Ffiles",{"label":144,"to":350},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":220,"to":352},"\u002Fexamples\u002Fscreens\u002Fmedia-editor",{"label":159,"to":354},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":315,"to":356},"\u002Fexamples\u002Fscreens\u002Fcommand-palette",{"label":116,"to":358},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":76,"to":360},"\u002Fexamples\u002Fscreens\u002Fhome",{"label":68,"to":362},"\u002Fexamples\u002Fscreens\u002Fnavigation-menu",{"label":59,"to":364},"\u002Fexamples\u002Fscreens\u002Fpricing",{"label":201,"to":366},"\u002Fexamples\u002Fscreens\u002Ftabs",{"label":368,"to":369},"Hashnode marketing pages","\u002Fexamples\u002Fapps\u002Fhashnode\u002Fmarketing",{"label":371,"to":372},"Hashnode user flows","\u002Fexamples\u002Fapps\u002Fhashnode\u002Fflows",{"label":374,"to":375},"Hashnode UI components","\u002Fexamples\u002Fapps\u002Fhashnode\u002Fcomponents",{"label":377,"to":378},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":380,"to":381},"Publishing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fpublishing",{"label":383,"to":384},"Blogging Platforms app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fblogging-platforms",{"label":386,"to":18},"All SaaS app examples",{"label":388,"to":389,"description":390},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":392,"to":393,"description":394},"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":396,"to":397,"description":398},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":400,"to":401,"description":402},"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":404,"updated_at":405},"2025-01-05T16:53:04.000Z","2026-09-13T13:02:39.000Z"]