[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Feraser\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":48,"showcases":334,"links":335,"dates":396},"\u002Fexamples\u002Fapps\u002Feraser\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Eraser product screens examples - Nicelydone","Browse Eraser screen design examples. Preview the interface screenshots and explore related UI patterns. Documents & diagrams for engineering teams","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffbfdca8e-cb89-48c2-a9c1-0c81493f18a3.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},"Eraser design examples","\u002Fexamples\u002Fapps\u002Feraser",{"label":23,"to":4},"Eraser 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":34,"categories":35},"Eraser","eraser","Documents & diagrams for engineering teams","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Feraser-5d273b5d.png","https:\u002F\u002Fwww.eraser.io","eraserlabs",[36,40,44],{"id":37,"title":38,"slug":39},23,"Collaboration","collaboration",{"id":41,"title":42,"slug":43},48,"Developer Tools","developer-tools",{"id":45,"title":46,"slug":47},8,"Design","design",[49,93,150,178,206,232,249,263,280,292,308,320],{"uuid":50,"title":51,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"patterns":57,"component_categories":74,"app":91},"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",[58,66],{"id":59,"label":60,"slug":61,"rank":62,"group":63},79,"Browse","browse",0,{"id":45,"label":64,"slug":65},"Pages & Content","pages-and-content",{"id":67,"label":68,"slug":69,"rank":70,"group":71},5,"Sign Up","sign-up",1,{"id":70,"label":72,"slug":73},"Access & Account","access-and-account",[75,79,83,87],{"id":76,"title":77,"slug":78},233,"Tabs","tabs",{"id":80,"title":81,"slug":82},240,"Horizontal navigation","horizontal-navigation",{"id":84,"title":85,"slug":86},260,"Badge","badge",{"id":88,"title":89,"slug":90},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":92},[],{"uuid":94,"title":95,"description":96,"canonical_path":4,"image":97,"width":53,"height":98,"image_alt":99,"kind":56,"patterns":100,"component_categories":130,"app":148},"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",[101,109,116,122],{"id":102,"label":103,"slug":104,"rank":62,"group":105},30,"AI Generation","ai-generation",{"id":106,"label":107,"slug":108},3,"AI","ai",{"id":110,"label":111,"slug":112,"rank":70,"group":113},58,"Media Editor","media-editor",{"id":67,"label":114,"slug":115},"Media & Tools","media-and-tools",{"id":117,"label":118,"slug":119,"rank":120,"group":121},27,"AI Assistant","ai-assistant",2,{"id":106,"label":107,"slug":108},{"id":123,"label":124,"slug":125,"rank":106,"group":126},115,"Empty State","empty-state",{"id":127,"label":128,"slug":129},12,"States & Feedback","states-and-feedback",[131,135,139,143,147],{"id":132,"title":133,"slug":134},174,"Card","card",{"id":136,"title":137,"slug":138},189,"FAQ","faq",{"id":140,"title":141,"slug":142},258,"Header","header",{"id":144,"title":145,"slug":146},202,"Footer","footer",{"id":88,"title":89,"slug":90},{"slug":30,"title":29,"logo":32,"categories":149},[],{"uuid":151,"title":152,"description":153,"canonical_path":4,"image":154,"width":53,"height":155,"image_alt":156,"kind":56,"patterns":157,"component_categories":171,"app":176},"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",[158,166],{"id":159,"label":160,"slug":161,"rank":62,"group":162},89,"Pricing","pricing",{"id":163,"label":164,"slug":165},9,"Plans & Limits","plans-and-limits",{"id":167,"label":168,"slug":169,"rank":70,"group":170},88,"Feature Gate","feature-gate",{"id":163,"label":164,"slug":165},[172,173,174,175],{"id":136,"title":137,"slug":138},{"id":140,"title":141,"slug":142},{"id":144,"title":145,"slug":146},{"id":84,"title":85,"slug":86},{"slug":30,"title":29,"logo":32,"categories":177},[],{"uuid":179,"title":180,"description":181,"canonical_path":4,"image":182,"width":53,"height":183,"image_alt":184,"kind":56,"patterns":185,"component_categories":199,"app":204},"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",[186,194],{"id":187,"label":188,"slug":189,"rank":62,"group":190},78,"Article","article",{"id":191,"label":192,"slug":193},15,"Marketing Page Types","marketing-page-types",{"id":195,"label":196,"slug":197,"rank":70,"group":198},119,"Info","info",{"id":127,"label":128,"slug":129},[200,201,202,203],{"id":140,"title":141,"slug":142},{"id":144,"title":145,"slug":146},{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":30,"title":29,"logo":32,"categories":205},[],{"uuid":207,"title":208,"description":209,"canonical_path":4,"image":210,"width":53,"height":211,"image_alt":212,"kind":56,"patterns":213,"component_categories":224,"app":230},"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",[214,216],{"id":187,"label":188,"slug":189,"rank":62,"group":215},{"id":191,"label":192,"slug":193},{"id":217,"label":218,"slug":219,"rank":70,"group":220},65,"Navigation Menu","navigation-menu",{"id":221,"label":222,"slug":223},6,"Navigation & Commands","navigation-and-commands",[225,226,227,228,229],{"id":80,"title":81,"slug":82},{"id":140,"title":141,"slug":142},{"id":144,"title":145,"slug":146},{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":30,"title":29,"logo":32,"categories":231},[],{"uuid":233,"title":29,"description":234,"canonical_path":4,"image":235,"width":53,"height":236,"image_alt":237,"kind":56,"patterns":238,"component_categories":244,"app":247},"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",[239],{"id":240,"label":241,"slug":242,"rank":62,"group":243},4,"Sign In","sign-in",{"id":70,"label":72,"slug":73},[245,246],{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":30,"title":29,"logo":32,"categories":248},[],{"uuid":250,"title":29,"description":251,"canonical_path":4,"image":252,"width":53,"height":236,"image_alt":237,"kind":56,"patterns":253,"component_categories":258,"app":261},"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",[254],{"id":120,"label":255,"slug":256,"rank":62,"group":257},"Forgot Password","forgot-password",{"id":70,"label":72,"slug":73},[259,260],{"id":88,"title":89,"slug":90},{"id":84,"title":85,"slug":86},{"slug":30,"title":29,"logo":32,"categories":262},[],{"uuid":264,"title":29,"description":265,"canonical_path":4,"image":266,"width":53,"height":236,"image_alt":237,"kind":56,"patterns":267,"component_categories":275,"app":278},"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",[268,270],{"id":120,"label":255,"slug":256,"rank":62,"group":269},{"id":70,"label":72,"slug":73},{"id":271,"label":272,"slug":273,"rank":70,"group":274},116,"Error","error",{"id":127,"label":128,"slug":129},[276,277],{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":30,"title":29,"logo":32,"categories":279},[],{"uuid":281,"title":29,"description":282,"canonical_path":4,"image":283,"width":53,"height":236,"image_alt":237,"kind":56,"patterns":284,"component_categories":287,"app":290},"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",[285],{"id":67,"label":68,"slug":69,"rank":62,"group":286},{"id":70,"label":72,"slug":73},[288,289],{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":30,"title":29,"logo":32,"categories":291},[],{"uuid":293,"title":29,"description":294,"canonical_path":4,"image":295,"width":53,"height":236,"image_alt":237,"kind":56,"patterns":296,"component_categories":303,"app":306},"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",[297,299],{"id":67,"label":68,"slug":69,"rank":62,"group":298},{"id":70,"label":72,"slug":73},{"id":70,"label":300,"slug":301,"rank":70,"group":302},"Account Setup","account-setup",{"id":70,"label":72,"slug":73},[304,305],{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":30,"title":29,"logo":32,"categories":307},[],{"uuid":309,"title":29,"description":310,"canonical_path":4,"image":311,"width":53,"height":236,"image_alt":237,"kind":56,"patterns":312,"component_categories":315,"app":318},"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",[313],{"id":67,"label":68,"slug":69,"rank":62,"group":314},{"id":70,"label":72,"slug":73},[316,317],{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":30,"title":29,"logo":32,"categories":319},[],{"uuid":321,"title":29,"description":322,"canonical_path":4,"image":323,"width":53,"height":236,"image_alt":237,"kind":56,"patterns":324,"component_categories":329,"app":332},"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",[325,327],{"id":67,"label":68,"slug":69,"rank":62,"group":326},{"id":70,"label":72,"slug":73},{"id":70,"label":300,"slug":301,"rank":70,"group":328},{"id":70,"label":72,"slug":73},[330,331],{"id":84,"title":85,"slug":86},{"id":88,"title":89,"slug":90},{"slug":30,"title":29,"logo":32,"categories":333},[],[],[336,338,340,342,344,346,348,350,352,354,356,358,360,363,366,369,372,375,378,380,384,388,392],{"label":68,"to":337},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":300,"to":339},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":255,"to":341},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":118,"to":343},"\u002Fexamples\u002Fscreens\u002Fai-assistant",{"label":103,"to":345},"\u002Fexamples\u002Fscreens\u002Fai-generation",{"label":60,"to":347},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":124,"to":349},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":272,"to":351},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":168,"to":353},"\u002Fexamples\u002Fscreens\u002Ffeature-gate",{"label":196,"to":355},"\u002Fexamples\u002Fscreens\u002Finfo",{"label":111,"to":357},"\u002Fexamples\u002Fscreens\u002Fmedia-editor",{"label":218,"to":359},"\u002Fexamples\u002Fscreens\u002Fnavigation-menu",{"label":361,"to":362},"Eraser marketing pages","\u002Fexamples\u002Fapps\u002Feraser\u002Fmarketing",{"label":364,"to":365},"Eraser user flows","\u002Fexamples\u002Fapps\u002Feraser\u002Fflows",{"label":367,"to":368},"Eraser UI components","\u002Fexamples\u002Fapps\u002Feraser\u002Fcomponents",{"label":370,"to":371},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":373,"to":374},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":376,"to":377},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":379,"to":18},"All SaaS app examples",{"label":381,"to":382,"description":383},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":385,"to":386,"description":387},"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":389,"to":390,"description":391},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":393,"to":394,"description":395},"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":397,"updated_at":398},"2024-03-18T07:49:54.000Z","2026-09-13T13:02:39.000Z"]