[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fhashnode":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":59,"showcases":60,"links":366,"dates":384},"\u002Fexamples\u002Fapps\u002Fhashnode","detail","apps",true,{"title":9,"description":10,"og_image":11},"Hashnode design examples - Nicelydone","Explore Hashnode UI design examples. Create, collaborate, and scale your blogs and docs","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F30b8e991-dc9c-4cc6-a4cb-d77dc01e0037.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Hashnode design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Hashnode",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fhashnode\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fhashnode\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fhashnode\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fhashnode\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"twitter_username":42,"categories":46},"Hashnode","hashnode","Create, collaborate, and scale your blogs and docs","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fhashnode-3019b5d1.png","https:\u002F\u002Fhashnode.com",[47,51,55],{"id":48,"title":49,"slug":50},48,"Developer Tools","developer-tools",{"id":52,"title":53,"slug":54},6,"Publishing","publishing",{"id":56,"title":57,"slug":58},24,"Blogging Platforms","blogging-platforms",[],[61,357,360,363],{"family":62,"examples":63},"screens",[64,122,154,186,202,222,251,272,287,303,318,339],{"uuid":65,"title":66,"description":67,"canonical_path":29,"image":11,"width":68,"height":69,"image_alt":70,"kind":71,"patterns":72,"component_categories":99,"app":120},"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",[73,82,90],{"id":74,"label":75,"slug":76,"rank":77,"group":78},89,"Pricing","pricing",0,{"id":79,"label":80,"slug":81},9,"Plans & Limits","plans-and-limits",{"id":83,"label":84,"slug":85,"rank":86,"group":87},65,"Navigation Menu","navigation-menu",1,{"id":52,"label":88,"slug":89},"Navigation & Commands","navigation-and-commands",{"id":91,"label":92,"slug":93,"rank":94,"group":95},81,"Home","home",2,{"id":96,"label":97,"slug":98},8,"Pages & Content","pages-and-content",[100,104,108,112,116],{"id":101,"title":102,"slug":103},240,"Horizontal navigation","horizontal-navigation",{"id":105,"title":106,"slug":107},258,"Header","header",{"id":109,"title":110,"slug":111},232,"Testimonial","testimonial",{"id":113,"title":114,"slug":115},202,"Footer","footer",{"id":117,"title":118,"slug":119},174,"Card","card",{"slug":42,"title":41,"logo":44,"categories":121},[],{"uuid":123,"title":124,"description":125,"canonical_path":29,"image":126,"width":68,"height":127,"image_alt":128,"kind":71,"patterns":129,"component_categories":143,"app":152},"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",[130,138],{"id":131,"label":132,"slug":133,"rank":77,"group":134},72,"Getting Started","getting-started",{"id":135,"label":136,"slug":137},7,"Onboarding & Education","onboarding-and-education",{"id":139,"label":140,"slug":141,"rank":86,"group":142},77,"Welcome","welcome",{"id":135,"label":136,"slug":137},[144,148],{"id":145,"title":146,"slug":147},284,"Modal","modal",{"id":149,"title":150,"slug":151},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":153},[],{"uuid":155,"title":124,"description":156,"canonical_path":29,"image":157,"width":68,"height":127,"image_alt":128,"kind":71,"patterns":158,"component_categories":181,"app":184},"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",[159,165,173],{"id":135,"label":160,"slug":161,"rank":77,"group":162},"Add & Create","add-and-create",{"id":94,"label":163,"slug":164},"Actions","actions",{"id":166,"label":167,"slug":168,"rank":86,"group":169},27,"AI Assistant","ai-assistant",{"id":170,"label":171,"slug":172},3,"AI","ai",{"id":174,"label":175,"slug":176,"rank":94,"group":177},115,"Empty State","empty-state",{"id":178,"label":179,"slug":180},12,"States & Feedback","states-and-feedback",[182,183],{"id":117,"title":118,"slug":119},{"id":149,"title":150,"slug":151},{"slug":42,"title":41,"logo":44,"categories":185},[],{"uuid":187,"title":124,"description":188,"canonical_path":29,"image":189,"width":68,"height":127,"image_alt":128,"kind":71,"patterns":190,"component_categories":197,"app":200},"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",[191,193,195],{"id":135,"label":160,"slug":161,"rank":77,"group":192},{"id":94,"label":163,"slug":164},{"id":166,"label":167,"slug":168,"rank":86,"group":194},{"id":170,"label":171,"slug":172},{"id":174,"label":175,"slug":176,"rank":94,"group":196},{"id":178,"label":179,"slug":180},[198,199],{"id":117,"title":118,"slug":119},{"id":149,"title":150,"slug":151},{"slug":42,"title":41,"logo":44,"categories":201},[],{"uuid":203,"title":124,"description":204,"canonical_path":29,"image":205,"width":68,"height":127,"image_alt":128,"kind":71,"patterns":206,"component_categories":214,"app":220},"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",[207,209],{"id":166,"label":167,"slug":168,"rank":77,"group":208},{"id":170,"label":171,"slug":172},{"id":210,"label":211,"slug":212,"rank":86,"group":213},11,"Edit","edit",{"id":94,"label":163,"slug":164},[215,219],{"id":216,"title":217,"slug":218},233,"Tabs","tabs",{"id":149,"title":150,"slug":151},{"slug":42,"title":41,"logo":44,"categories":221},[],{"uuid":223,"title":124,"description":224,"canonical_path":29,"image":225,"width":68,"height":127,"image_alt":128,"kind":71,"patterns":226,"component_categories":242,"app":249},"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",[227,229,231,234],{"id":166,"label":167,"slug":168,"rank":77,"group":228},{"id":170,"label":171,"slug":172},{"id":210,"label":211,"slug":212,"rank":86,"group":230},{"id":94,"label":163,"slug":164},{"id":232,"label":217,"slug":218,"rank":94,"group":233},69,{"id":52,"label":88,"slug":89},{"id":235,"label":236,"slug":237,"rank":170,"group":238},58,"Media Editor","media-editor",{"id":239,"label":240,"slug":241},5,"Media & Tools","media-and-tools",[243,247,248],{"id":244,"title":245,"slug":246},214,"Popover","popover",{"id":216,"title":217,"slug":218},{"id":149,"title":150,"slug":151},{"slug":42,"title":41,"logo":44,"categories":250},[],{"uuid":252,"title":124,"description":253,"canonical_path":29,"image":254,"width":68,"height":127,"image_alt":128,"kind":71,"patterns":255,"component_categories":267,"app":270},"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",[256,258,260,262],{"id":135,"label":160,"slug":161,"rank":77,"group":257},{"id":94,"label":163,"slug":164},{"id":210,"label":211,"slug":212,"rank":86,"group":259},{"id":94,"label":163,"slug":164},{"id":166,"label":167,"slug":168,"rank":94,"group":261},{"id":170,"label":171,"slug":172},{"id":263,"label":264,"slug":265,"rank":170,"group":266},80,"Files","files",{"id":96,"label":97,"slug":98},[268,269],{"id":117,"title":118,"slug":119},{"id":149,"title":150,"slug":151},{"slug":42,"title":41,"logo":44,"categories":271},[],{"uuid":273,"title":124,"description":274,"canonical_path":29,"image":275,"width":68,"height":127,"image_alt":128,"kind":71,"patterns":276,"component_categories":283,"app":285},"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",[277,279,281],{"id":210,"label":211,"slug":212,"rank":77,"group":278},{"id":94,"label":163,"slug":164},{"id":166,"label":167,"slug":168,"rank":86,"group":280},{"id":170,"label":171,"slug":172},{"id":263,"label":264,"slug":265,"rank":94,"group":282},{"id":96,"label":97,"slug":98},[284],{"id":149,"title":150,"slug":151},{"slug":42,"title":41,"logo":44,"categories":286},[],{"uuid":288,"title":124,"description":289,"canonical_path":29,"image":290,"width":68,"height":127,"image_alt":128,"kind":71,"patterns":291,"component_categories":298,"app":301},"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",[292,294,296],{"id":210,"label":211,"slug":212,"rank":77,"group":293},{"id":94,"label":163,"slug":164},{"id":166,"label":167,"slug":168,"rank":86,"group":295},{"id":170,"label":171,"slug":172},{"id":263,"label":264,"slug":265,"rank":94,"group":297},{"id":96,"label":97,"slug":98},[299,300],{"id":117,"title":118,"slug":119},{"id":149,"title":150,"slug":151},{"slug":42,"title":41,"logo":44,"categories":302},[],{"uuid":304,"title":124,"description":305,"canonical_path":29,"image":306,"width":68,"height":127,"image_alt":128,"kind":71,"patterns":307,"component_categories":312,"app":316},"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",[308,310],{"id":210,"label":211,"slug":212,"rank":77,"group":309},{"id":94,"label":163,"slug":164},{"id":166,"label":167,"slug":168,"rank":86,"group":311},{"id":170,"label":171,"slug":172},[313,314,315],{"id":216,"title":217,"slug":218},{"id":117,"title":118,"slug":119},{"id":149,"title":150,"slug":151},{"slug":42,"title":41,"logo":44,"categories":317},[],{"uuid":319,"title":124,"description":320,"canonical_path":29,"image":321,"width":68,"height":127,"image_alt":128,"kind":71,"patterns":322,"component_categories":334,"app":337},"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",[323,325,327,329],{"id":166,"label":167,"slug":168,"rank":77,"group":324},{"id":170,"label":171,"slug":172},{"id":210,"label":211,"slug":212,"rank":86,"group":326},{"id":94,"label":163,"slug":164},{"id":235,"label":236,"slug":237,"rank":94,"group":328},{"id":239,"label":240,"slug":241},{"id":330,"label":331,"slug":332,"rank":170,"group":333},63,"Command Palette","command-palette",{"id":52,"label":88,"slug":89},[335,336],{"id":117,"title":118,"slug":119},{"id":149,"title":150,"slug":151},{"slug":42,"title":41,"logo":44,"categories":338},[],{"uuid":340,"title":124,"description":341,"canonical_path":29,"image":342,"width":68,"height":127,"image_alt":128,"kind":71,"patterns":343,"component_categories":352,"app":355},"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",[344,346,348,350],{"id":210,"label":211,"slug":212,"rank":77,"group":345},{"id":94,"label":163,"slug":164},{"id":166,"label":167,"slug":168,"rank":86,"group":347},{"id":170,"label":171,"slug":172},{"id":263,"label":264,"slug":265,"rank":94,"group":349},{"id":96,"label":97,"slug":98},{"id":235,"label":236,"slug":237,"rank":170,"group":351},{"id":239,"label":240,"slug":241},[353,354],{"id":117,"title":118,"slug":119},{"id":149,"title":150,"slug":151},{"slug":42,"title":41,"logo":44,"categories":356},[],{"family":358,"examples":359},"flows",[],{"family":361,"examples":362},"components",[],{"family":364,"examples":365},"pages",[],[367,369,371,373,375,378,381],{"label":368,"to":29},"Hashnode product screens",{"label":370,"to":38},"Hashnode marketing pages",{"label":372,"to":32},"Hashnode user flows",{"label":374,"to":35},"Hashnode UI components",{"label":376,"to":377},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":379,"to":380},"Publishing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fpublishing",{"label":382,"to":383},"Blogging Platforms app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fblogging-platforms",{"published_at":385,"updated_at":386},"2025-01-05T16:53:04.000Z","2026-09-13T13:02:39.000Z"]