[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Feraser":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":60,"showcases":61,"links":359,"dates":395},"\u002Fexamples\u002Fapps\u002Feraser","detail","apps",true,{"title":9,"description":10,"og_image":11},"Eraser design examples - Nicelydone","Explore Eraser UI design examples. Documents & diagrams for engineering teams","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffbfdca8e-cb89-48c2-a9c1-0c81493f18a3.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Eraser design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Eraser",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Feraser\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Feraser\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Feraser\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Feraser\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"twitter_username":46,"categories":47},"Eraser","eraser","Documents & diagrams for engineering teams","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Feraser-5d273b5d.png","https:\u002F\u002Fwww.eraser.io","eraserlabs",[48,52,56],{"id":49,"title":50,"slug":51},23,"Collaboration","collaboration",{"id":53,"title":54,"slug":55},48,"Developer Tools","developer-tools",{"id":57,"title":58,"slug":59},8,"Design","design",[],[62,350,353,356],{"family":63,"examples":64},"screens",[65,109,166,194,222,248,265,279,296,308,324,336],{"uuid":66,"title":67,"description":68,"canonical_path":29,"image":11,"width":69,"height":70,"image_alt":71,"kind":72,"patterns":73,"component_categories":90,"app":107},"fbfdca8e-cb89-48c2-a9c1-0c81493f18a3","Work at Eraser — Eraser","Content editor where an unauthenticated user views a read-only document about working at Eraser, with options to duplicate the file or sign up.",3024,1658,"Work at Eraser — Eraser from Eraser","screen",[74,82],{"id":75,"label":76,"slug":77,"rank":78,"group":79},79,"Browse","browse",0,{"id":57,"label":80,"slug":81},"Pages & Content","pages-and-content",{"id":83,"label":84,"slug":85,"rank":86,"group":87},5,"Sign Up","sign-up",1,{"id":86,"label":88,"slug":89},"Access & Account","access-and-account",[91,95,99,103],{"id":92,"title":93,"slug":94},233,"Tabs","tabs",{"id":96,"title":97,"slug":98},240,"Horizontal navigation","horizontal-navigation",{"id":100,"title":101,"slug":102},260,"Badge","badge",{"id":104,"title":105,"slug":106},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":108},[],{"uuid":110,"title":111,"description":112,"canonical_path":29,"image":113,"width":69,"height":114,"image_alt":115,"kind":72,"patterns":116,"component_categories":146,"app":164},"e6246f05-6436-4a34-9d61-9d5f41c37bf3","DiagramGPT – Powered by Eraser","Demo page where the user can generate architecture and flow diagrams from text descriptions or code snippets using AI.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe6246f05-6436-4a34-9d61-9d5f41c37bf3.png",5302,"DiagramGPT – Powered by Eraser from Eraser",[117,125,132,138],{"id":118,"label":119,"slug":120,"rank":78,"group":121},30,"AI Generation","ai-generation",{"id":122,"label":123,"slug":124},3,"AI","ai",{"id":126,"label":127,"slug":128,"rank":86,"group":129},58,"Media Editor","media-editor",{"id":83,"label":130,"slug":131},"Media & Tools","media-and-tools",{"id":133,"label":134,"slug":135,"rank":136,"group":137},27,"AI Assistant","ai-assistant",2,{"id":122,"label":123,"slug":124},{"id":139,"label":140,"slug":141,"rank":122,"group":142},115,"Empty State","empty-state",{"id":143,"label":144,"slug":145},12,"States & Feedback","states-and-feedback",[147,151,155,159,163],{"id":148,"title":149,"slug":150},174,"Card","card",{"id":152,"title":153,"slug":154},189,"FAQ","faq",{"id":156,"title":157,"slug":158},258,"Header","header",{"id":160,"title":161,"slug":162},202,"Footer","footer",{"id":104,"title":105,"slug":106},{"slug":42,"title":41,"logo":44,"categories":165},[],{"uuid":167,"title":168,"description":169,"canonical_path":29,"image":170,"width":69,"height":171,"image_alt":172,"kind":72,"patterns":173,"component_categories":187,"app":192},"7a7039b0-d329-45a3-a79c-33c30bb93a4f","Pricing - Eraser","Pricing page where the user compares Free, Professional, and Enterprise plans across usage, canvas features, notes features, collaboration, integrations, access, and billing.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7a7039b0-d329-45a3-a79c-33c30bb93a4f.png",11720,"Pricing - Eraser from Eraser",[174,182],{"id":175,"label":176,"slug":177,"rank":78,"group":178},89,"Pricing","pricing",{"id":179,"label":180,"slug":181},9,"Plans & Limits","plans-and-limits",{"id":183,"label":184,"slug":185,"rank":86,"group":186},88,"Feature Gate","feature-gate",{"id":179,"label":180,"slug":181},[188,189,190,191],{"id":152,"title":153,"slug":154},{"id":156,"title":157,"slug":158},{"id":160,"title":161,"slug":162},{"id":100,"title":101,"slug":102},{"slug":42,"title":41,"logo":44,"categories":193},[],{"uuid":195,"title":196,"description":197,"canonical_path":29,"image":198,"width":69,"height":199,"image_alt":200,"kind":72,"patterns":201,"component_categories":215,"app":220},"9254a6db-fa54-4e69-95f6-bc3f180b3c31","Privacy – Eraser","Privacy policy page detailing data collection, usage, and user rights for the Eraser service.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9254a6db-fa54-4e69-95f6-bc3f180b3c31.png",16502,"Privacy – Eraser from Eraser",[202,210],{"id":203,"label":204,"slug":205,"rank":78,"group":206},78,"Article","article",{"id":207,"label":208,"slug":209},15,"Marketing Page Types","marketing-page-types",{"id":211,"label":212,"slug":213,"rank":86,"group":214},119,"Info","info",{"id":143,"label":144,"slug":145},[216,217,218,219],{"id":156,"title":157,"slug":158},{"id":160,"title":161,"slug":162},{"id":100,"title":101,"slug":102},{"id":104,"title":105,"slug":106},{"slug":42,"title":41,"logo":44,"categories":221},[],{"uuid":223,"title":224,"description":225,"canonical_path":29,"image":226,"width":69,"height":227,"image_alt":228,"kind":72,"patterns":229,"component_categories":240,"app":246},"d6b2b3e3-4395-4215-bf1f-bd4d39f74adc","Terms - Eraser","Legal page outlining the terms and conditions for using the service, including definitions, subscription rules, content rights, and copyright policies.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd6b2b3e3-4395-4215-bf1f-bd4d39f74adc.png",18922,"Terms - Eraser from Eraser",[230,232],{"id":203,"label":204,"slug":205,"rank":78,"group":231},{"id":207,"label":208,"slug":209},{"id":233,"label":234,"slug":235,"rank":86,"group":236},65,"Navigation Menu","navigation-menu",{"id":237,"label":238,"slug":239},6,"Navigation & Commands","navigation-and-commands",[241,242,243,244,245],{"id":96,"title":97,"slug":98},{"id":156,"title":157,"slug":158},{"id":160,"title":161,"slug":162},{"id":100,"title":101,"slug":102},{"id":104,"title":105,"slug":106},{"slug":42,"title":41,"logo":44,"categories":247},[],{"uuid":249,"title":41,"description":250,"canonical_path":29,"image":251,"width":69,"height":252,"image_alt":253,"kind":72,"patterns":254,"component_categories":260,"app":263},"4939a2a8-4bca-40f4-b2bb-a31dcd783b38","Sign-in screen where the user authenticates with Google, Microsoft, or email.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4939a2a8-4bca-40f4-b2bb-a31dcd783b38.png",1722,"Eraser from Eraser",[255],{"id":256,"label":257,"slug":258,"rank":78,"group":259},4,"Sign In","sign-in",{"id":86,"label":88,"slug":89},[261,262],{"id":100,"title":101,"slug":102},{"id":104,"title":105,"slug":106},{"slug":42,"title":41,"logo":44,"categories":264},[],{"uuid":266,"title":41,"description":267,"canonical_path":29,"image":268,"width":69,"height":252,"image_alt":253,"kind":72,"patterns":269,"component_categories":274,"app":277},"851b31f1-d4a1-4575-a9bb-acad5e097419","Sign-in screen where the user authenticates into Eraser using their email and password, with alternative options to use Google or Microsoft.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F851b31f1-d4a1-4575-a9bb-acad5e097419.png",[270],{"id":136,"label":271,"slug":272,"rank":78,"group":273},"Forgot Password","forgot-password",{"id":86,"label":88,"slug":89},[275,276],{"id":104,"title":105,"slug":106},{"id":100,"title":101,"slug":102},{"slug":42,"title":41,"logo":44,"categories":278},[],{"uuid":280,"title":41,"description":281,"canonical_path":29,"image":282,"width":69,"height":252,"image_alt":253,"kind":72,"patterns":283,"component_categories":291,"app":294},"76f74307-443f-45bc-bcc7-f6bd64a86966","Password recovery screen showing an error message indicating no user record exists for the provided email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F76f74307-443f-45bc-bcc7-f6bd64a86966.png",[284,286],{"id":136,"label":271,"slug":272,"rank":78,"group":285},{"id":86,"label":88,"slug":89},{"id":287,"label":288,"slug":289,"rank":86,"group":290},116,"Error","error",{"id":143,"label":144,"slug":145},[292,293],{"id":100,"title":101,"slug":102},{"id":104,"title":105,"slug":106},{"slug":42,"title":41,"logo":44,"categories":295},[],{"uuid":297,"title":41,"description":298,"canonical_path":29,"image":299,"width":69,"height":252,"image_alt":253,"kind":72,"patterns":300,"component_categories":303,"app":306},"4cf0986b-251d-47dc-8684-0ba354a10e96","Signup page where the user creates an account using Google, Microsoft, or email.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4cf0986b-251d-47dc-8684-0ba354a10e96.png",[301],{"id":83,"label":84,"slug":85,"rank":78,"group":302},{"id":86,"label":88,"slug":89},[304,305],{"id":100,"title":101,"slug":102},{"id":104,"title":105,"slug":106},{"slug":42,"title":41,"logo":44,"categories":307},[],{"uuid":309,"title":41,"description":310,"canonical_path":29,"image":311,"width":69,"height":252,"image_alt":253,"kind":72,"patterns":312,"component_categories":319,"app":322},"bf088980-d029-4d1f-8369-1c33e2900a96","Signup screen where the user creates an account by entering their email address, user name, and password, with alternative options to use Google or Microsoft.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbf088980-d029-4d1f-8369-1c33e2900a96.png",[313,315],{"id":83,"label":84,"slug":85,"rank":78,"group":314},{"id":86,"label":88,"slug":89},{"id":86,"label":316,"slug":317,"rank":86,"group":318},"Account Setup","account-setup",{"id":86,"label":88,"slug":89},[320,321],{"id":100,"title":101,"slug":102},{"id":104,"title":105,"slug":106},{"slug":42,"title":41,"logo":44,"categories":323},[],{"uuid":325,"title":41,"description":326,"canonical_path":29,"image":327,"width":69,"height":252,"image_alt":253,"kind":72,"patterns":328,"component_categories":331,"app":334},"c39cb0e4-5dcd-4352-b3b5-ae8888a11c39","Signup page where the user sets their username and password for an email-based account, with alternative options to register via Google or Microsoft.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc39cb0e4-5dcd-4352-b3b5-ae8888a11c39.png",[329],{"id":83,"label":84,"slug":85,"rank":78,"group":330},{"id":86,"label":88,"slug":89},[332,333],{"id":100,"title":101,"slug":102},{"id":104,"title":105,"slug":106},{"slug":42,"title":41,"logo":44,"categories":335},[],{"uuid":337,"title":41,"description":338,"canonical_path":29,"image":339,"width":69,"height":252,"image_alt":253,"kind":72,"patterns":340,"component_categories":345,"app":348},"76671e4c-e514-4660-bdbb-38e80bb571ce","Signup screen where the user sets their username and password to finalize account creation, with options to use Google or Microsoft instead.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F76671e4c-e514-4660-bdbb-38e80bb571ce.png",[341,343],{"id":83,"label":84,"slug":85,"rank":78,"group":342},{"id":86,"label":88,"slug":89},{"id":86,"label":316,"slug":317,"rank":86,"group":344},{"id":86,"label":88,"slug":89},[346,347],{"id":100,"title":101,"slug":102},{"id":104,"title":105,"slug":106},{"slug":42,"title":41,"logo":44,"categories":349},[],{"family":351,"examples":352},"flows",[],{"family":354,"examples":355},"components",[],{"family":357,"examples":358},"pages",[],[360,362,364,366,368,371,374,377,379,383,387,391],{"label":361,"to":29},"Eraser product screens",{"label":363,"to":38},"Eraser marketing pages",{"label":365,"to":32},"Eraser user flows",{"label":367,"to":35},"Eraser UI components",{"label":369,"to":370},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":372,"to":373},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":375,"to":376},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":378,"to":18},"All SaaS app examples",{"label":380,"to":381,"description":382},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":384,"to":385,"description":386},"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":388,"to":389,"description":390},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":392,"to":393,"description":394},"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":396,"updated_at":397},"2024-03-18T07:48:53.000Z","2026-09-22T00:10:37.000Z"]