[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fhashnode\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":48,"showcases":189,"links":190,"dates":227},"\u002Fexamples\u002Fapps\u002Fhashnode\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Hashnode UI components examples - Nicelydone","Browse Hashnode UI component design examples. Preview individual interface elements and explore related component categories. Create, collaborate, and scale…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F61706115-88cc-4069-ad27-f3392ba11fb3.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 UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Hashnode UI component design examples. Preview individual interface elements and explore related component categories. Create, collaborate, and scale your blogs and docs",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":31,"categories":35},"Hashnode","hashnode","Create, collaborate, and scale your blogs and docs","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fhashnode-3019b5d1.png","https:\u002F\u002Fhashnode.com",[36,40,44],{"id":37,"title":38,"slug":39},48,"Developer Tools","developer-tools",{"id":41,"title":42,"slug":43},6,"Publishing","publishing",{"id":45,"title":46,"slug":47},24,"Blogging Platforms","blogging-platforms",[49,64,74,87,100,113,126,139,149,162,171,180],{"uuid":50,"title":51,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"categories":57,"app":62},"51d0948a-6519-481d-b09f-306f23d8683e","Hashnode UI component","A modal displaying guides and versions.",1091,864,"UI component from Hashnode","component",[58],{"id":59,"title":60,"slug":61},190,"Dropdown menu","dropdown-menu",{"slug":31,"title":30,"logo":33,"categories":63},[],{"uuid":65,"title":51,"description":66,"canonical_path":4,"image":67,"width":68,"height":69,"image_alt":55,"kind":56,"categories":70,"app":72},"d5984c10-ba1e-4799-936a-b402ab1df075","A modal with options to add new content.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F77e07c2f-4d65-408d-b0af-baa1498f5b59.png",589,693,[71],{"id":59,"title":60,"slug":61},{"slug":31,"title":30,"logo":33,"categories":73},[],{"uuid":75,"title":51,"description":76,"canonical_path":4,"image":77,"width":78,"height":79,"image_alt":55,"kind":56,"categories":80,"app":85},"6379ceb9-f39d-4cce-9050-e40120f232b0","This is a header navigation bar with a search input and user profile.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F341f76e9-c011-470b-8b25-91040401e224.png",3024,139,[81],{"id":82,"title":83,"slug":84},240,"Horizontal navigation","horizontal-navigation",{"slug":31,"title":30,"logo":33,"categories":86},[],{"uuid":88,"title":51,"description":89,"canonical_path":4,"image":90,"width":91,"height":92,"image_alt":55,"kind":56,"categories":93,"app":98},"cb9d3b5d-9a8e-4bac-bdc0-c14efecb1d0c","Empty state for documentation creation","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1e9943d6-b2f5-4a07-ab86-4f833e3e0257.png",739,566,[94],{"id":95,"title":96,"slug":97},302,"Empty state","emptystate",{"slug":31,"title":30,"logo":33,"categories":99},[],{"uuid":101,"title":51,"description":102,"canonical_path":4,"image":103,"width":104,"height":105,"image_alt":55,"kind":56,"categories":106,"app":111},"7e342042-6bd3-440f-813a-1f1ac0b51949","A theme selection component.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5618aa3b-5cda-44a7-87ec-27f4abe6eee2.png",1380,342,[107],{"id":108,"title":109,"slug":110},256,"Theme settings","theme-settings",{"slug":31,"title":30,"logo":33,"categories":112},[],{"uuid":114,"title":51,"description":115,"canonical_path":4,"image":116,"width":117,"height":118,"image_alt":55,"kind":56,"categories":119,"app":124},"361b0528-ec11-43ff-b8e7-20374b1dd4cd","A modal with an AI assistant interface.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F539046d0-80dd-40df-8ca1-1cdd434ae1f7.png",1000,1777,[120],{"id":121,"title":122,"slug":123},294,"Artificial intelligence","ai",{"slug":31,"title":30,"logo":33,"categories":125},[],{"uuid":127,"title":51,"description":128,"canonical_path":4,"image":129,"width":130,"height":131,"image_alt":55,"kind":56,"categories":132,"app":137},"4674e8c1-d1b3-4e38-87d9-bbea837c92f1","A text editor with formatting options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9016ba66-5306-49fd-9652-9ad2bc322e0f.png",1939,700,[133],{"id":134,"title":135,"slug":136},221,"Rich text editor","rich-text-editor",{"slug":31,"title":30,"logo":33,"categories":138},[],{"uuid":140,"title":51,"description":141,"canonical_path":4,"image":142,"width":143,"height":144,"image_alt":55,"kind":56,"categories":145,"app":147},"5112d628-eedf-4d8a-b304-80c459e2c387","A modal with text formatting options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F83393ca7-a163-4846-9c97-56e430ab92c5.png",1468,1404,[146],{"id":134,"title":135,"slug":136},{"slug":31,"title":30,"logo":33,"categories":148},[],{"uuid":150,"title":51,"description":151,"canonical_path":4,"image":152,"width":153,"height":154,"image_alt":55,"kind":56,"categories":155,"app":160},"a1ff558c-0552-475a-992a-bc4ef491bc97","A headless CMS landing page showcasing features and benefits.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1b472832-ce38-4747-81d8-739f0cfb15a3.png",2624,2336,[156],{"id":157,"title":158,"slug":159},298,"Bento box","bento-grid",{"slug":31,"title":30,"logo":33,"categories":161},[],{"uuid":163,"title":51,"description":164,"canonical_path":4,"image":165,"width":153,"height":166,"image_alt":55,"kind":56,"categories":167,"app":169},"0d70862d-a426-4b6a-b983-245569566e41","A landing page showcasing the features of a headless CMS for blogging.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F544462b1-11fa-4947-90ce-1b39dc819a46.png",3995,[168],{"id":157,"title":158,"slug":159},{"slug":31,"title":30,"logo":33,"categories":170},[],{"uuid":172,"title":51,"description":173,"canonical_path":4,"image":174,"width":153,"height":175,"image_alt":55,"kind":56,"categories":176,"app":178},"64bdde05-9be6-43a0-92c5-efd461f35fd4","A landing page showcasing enterprise benefits.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F63ae9b31-7fb0-485c-8e0a-0dae4c24bef6.png",2314,[177],{"id":157,"title":158,"slug":159},{"slug":31,"title":30,"logo":33,"categories":179},[],{"uuid":181,"title":51,"description":182,"canonical_path":4,"image":183,"width":153,"height":184,"image_alt":55,"kind":56,"categories":185,"app":187},"599664dd-6d6a-4378-ad9b-fe6e275c913e","A writing editor with AI assistance and collaboration features.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F61685df6-4f1e-4736-ad62-36b3bea280d0.png",3439,[186],{"id":157,"title":158,"slug":159},{"slug":31,"title":30,"logo":33,"categories":188},[],[],[191,194,197,200,203,206,209,211,215,219,223],{"label":192,"to":193},"Hashnode product screens","\u002Fexamples\u002Fapps\u002Fhashnode\u002Fscreens",{"label":195,"to":196},"Hashnode marketing pages","\u002Fexamples\u002Fapps\u002Fhashnode\u002Fmarketing",{"label":198,"to":199},"Hashnode user flows","\u002Fexamples\u002Fapps\u002Fhashnode\u002Fflows",{"label":201,"to":202},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":204,"to":205},"Publishing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fpublishing",{"label":207,"to":208},"Blogging Platforms app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fblogging-platforms",{"label":210,"to":18},"All SaaS app examples",{"label":212,"to":213,"description":214},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":216,"to":217,"description":218},"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":220,"to":221,"description":222},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":224,"to":225,"description":226},"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":228,"updated_at":229},"2025-01-05T17:07:38.000Z","2026-09-13T13:02:39.000Z"]