[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fabstract":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":34,"examples":49,"showcases":50,"links":359,"dates":394},"\u002Fexamples\u002Fapps\u002Fabstract","detail","apps",true,{"title":9,"description":10,"og_image":11},"Abstract design examples - Nicelydone","Explore Abstract UI design examples. Design collaboration without the chaos","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fabstract_sign-in_2a03b492_nicelydone.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Abstract design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":33},"SaaS app examples",[24],{"title":25,"links":26},"Explore Abstract",[27,30],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fabstract\u002Fscreens",{"label":31,"to":32},"marketing pages","\u002Fexamples\u002Fapps\u002Fabstract\u002Fmarketing",[],{"title":35,"slug":36,"description":37,"logo":38,"url":39,"categories":40},"Abstract","abstract","Design collaboration without the chaos","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fabstract-8f937951.png","https:\u002F\u002Fwww.abstract.com\u002F",[41,45],{"id":42,"title":43,"slug":44},8,"Design","design",{"id":46,"title":47,"slug":48},23,"Collaboration","collaboration",[],[51,356],{"family":52,"examples":53},"screens",[54,82,106,138,158,186,211,234,249,274,308,336],{"uuid":55,"title":35,"description":56,"canonical_path":29,"image":11,"width":57,"height":58,"image_alt":59,"kind":60,"patterns":61,"component_categories":71,"app":80},"7049055c-e0fd-4621-b394-2ee3582bf6bb","Sign-in screen where the user enters their email or username to continue.",3072,1716,"Abstract from Abstract","screen",[62],{"id":63,"label":64,"slug":65,"rank":66,"group":67},4,"Sign In","sign-in",0,{"id":68,"label":69,"slug":70},1,"Access & Account","access-and-account",[72,76],{"id":73,"title":74,"slug":75},174,"Card","card",{"id":77,"title":78,"slug":79},175,"Button","button",{"slug":36,"title":35,"logo":38,"categories":81},[],{"uuid":83,"title":35,"description":84,"canonical_path":29,"image":85,"width":57,"height":86,"image_alt":59,"kind":60,"patterns":87,"component_categories":97,"app":104},"f14ec299-4874-4b56-a2b0-89ec1a1bb5e7","Signup page where the user enters their email, name, and password to create a new account, with an option to opt into product news.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fabstract_sign-up_76b3109b_nicelydone.png",1962,[88,93],{"id":89,"label":90,"slug":91,"rank":66,"group":92},5,"Sign Up","sign-up",{"id":68,"label":69,"slug":70},{"id":68,"label":94,"slug":95,"rank":68,"group":96},"Account Setup","account-setup",{"id":68,"label":69,"slug":70},[98,102,103],{"id":99,"title":100,"slug":101},227,"Stepper","stepper",{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"slug":36,"title":35,"logo":38,"categories":105},[],{"uuid":107,"title":35,"description":108,"canonical_path":29,"image":109,"width":57,"height":110,"image_alt":59,"kind":60,"patterns":111,"component_categories":128,"app":136},"f0cbf455-e5b0-4744-b31c-b14d4f55ee90","Onboarding step where the user chooses to either join an existing organization or create a new one with a 30-day trial.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fabstract_sign-up_cdb2ab54_nicelydone.png",1746,[112,114,122],{"id":89,"label":90,"slug":91,"rank":66,"group":113},{"id":68,"label":69,"slug":70},{"id":115,"label":116,"slug":117,"rank":68,"group":118},74,"Onboarding Checklist","onboarding-checklist",{"id":119,"label":120,"slug":121},7,"Onboarding & Education","onboarding-and-education",{"id":123,"label":124,"slug":125,"rank":126,"group":127},75,"Setup Wizard","setup-wizard",2,{"id":119,"label":120,"slug":121},[129,130,134,135],{"id":99,"title":100,"slug":101},{"id":131,"title":132,"slug":133},260,"Badge","badge",{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"slug":36,"title":35,"logo":38,"categories":137},[],{"uuid":139,"title":140,"description":141,"canonical_path":29,"image":142,"width":57,"height":143,"image_alt":144,"kind":60,"patterns":145,"component_categories":151,"app":156},"73fdedf8-a430-4c74-afbb-63c13116b671","Welcome to Notebooks","In-app onboarding document explaining the features of Notebooks with illustrative graphics and a call to action to create a first notebook.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fabstract_home-product-logged_8714bd98_nicelydone.png",6042,"Welcome to Notebooks from Abstract",[146],{"id":147,"label":148,"slug":149,"rank":66,"group":150},77,"Welcome","welcome",{"id":119,"label":120,"slug":121},[152],{"id":153,"title":154,"slug":155},169,"Avatar","avatar",{"slug":36,"title":35,"logo":38,"categories":157},[],{"uuid":159,"title":140,"description":160,"canonical_path":29,"image":161,"width":57,"height":58,"image_alt":144,"kind":60,"patterns":162,"component_categories":177,"app":184},"89f4ab1b-3e20-40ad-a978-0312908fa6cd","Rich text notebook editor where the user has opened the status dropdown to change the document's state from work in progress.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fabstract_dropdown-other-states_50a40f6f_nicelydone.png",[163,170],{"id":164,"label":165,"slug":166,"rank":66,"group":167},11,"Edit","edit",{"id":126,"label":168,"slug":169},"Actions","actions",{"id":171,"label":172,"slug":173,"rank":68,"group":174},42,"Form","form",{"id":63,"label":175,"slug":176},"Data & Analysis","data-and-analysis",[178,182,183],{"id":179,"title":180,"slug":181},277,"Button group","button-group",{"id":153,"title":154,"slug":155},{"id":77,"title":78,"slug":79},{"slug":36,"title":35,"logo":38,"categories":185},[],{"uuid":187,"title":140,"description":188,"canonical_path":29,"image":189,"width":57,"height":58,"image_alt":144,"kind":60,"patterns":190,"component_categories":203,"app":209},"28c5d9cf-1357-4bdb-ba6f-1a794a63cabc","Detail page for a design notebook where the user is creating a new review request via a right-side panel.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fabstract_create_03fb1eff_nicelydone.png",[191,198],{"id":192,"label":193,"slug":194,"rank":66,"group":195},110,"Notifications","notifications",{"id":164,"label":196,"slug":197},"Social & Collaboration","social-and-collaboration",{"id":199,"label":200,"slug":201,"rank":68,"group":202},3,"Profile","profile",{"id":164,"label":196,"slug":197},[204,205,206,207,208],{"id":179,"title":180,"slug":181},{"id":131,"title":132,"slug":133},{"id":153,"title":154,"slug":155},{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"slug":36,"title":35,"logo":38,"categories":210},[],{"uuid":212,"title":140,"description":213,"canonical_path":29,"image":214,"width":57,"height":58,"image_alt":144,"kind":60,"patterns":215,"component_categories":224,"app":232},"68de4cf7-603d-4490-a893-6253cdefb507","Detail page for a design notebook where the user is adding a decision via a modal overlay, with a review request panel visible in the background.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fabstract_create_modals-and-popovers_1da3b9f7_nicelydone.png",[216],{"id":217,"label":218,"slug":219,"rank":66,"group":220},127,"Review Queue","review-queue",{"id":221,"label":222,"slug":223},13,"Workflow & Automation","workflow-and-automation",[225,229,230,231],{"id":226,"title":227,"slug":228},284,"Modal","modal",{"id":153,"title":154,"slug":155},{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"slug":36,"title":35,"logo":38,"categories":233},[],{"uuid":235,"title":140,"description":236,"canonical_path":29,"image":237,"width":57,"height":58,"image_alt":144,"kind":60,"patterns":238,"component_categories":243,"app":247},"3377c13e-87c6-4d34-9c1b-2b7265d0aac5","Content editor where the user views a rich-text notebook and opens a side panel to draft a new review request.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fabstract_dropdown-other-states_navigation_4da1eb71_nicelydone.png",[239,241],{"id":147,"label":148,"slug":149,"rank":66,"group":240},{"id":119,"label":120,"slug":121},{"id":164,"label":165,"slug":166,"rank":68,"group":242},{"id":126,"label":168,"slug":169},[244,245,246],{"id":153,"title":154,"slug":155},{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"slug":36,"title":35,"logo":38,"categories":248},[],{"uuid":250,"title":140,"description":251,"canonical_path":29,"image":252,"width":57,"height":58,"image_alt":144,"kind":60,"patterns":253,"component_categories":264,"app":272},"13b61f56-1dfb-4565-8c6a-b7533866d5e5","Detail page where the user views a notebook document and fills out a form in the right sidebar to request a review from teammates.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fabstract_notifications_empty-state_dropdown-other-states_eed9c889_nicelydone.png",[254,262],{"id":255,"label":256,"slug":257,"rank":66,"group":258},121,"Request Access","request-access",{"id":259,"label":260,"slug":261},12,"States & Feedback","states-and-feedback",{"id":192,"label":193,"slug":194,"rank":68,"group":263},{"id":164,"label":196,"slug":197},[265,269,270,271],{"id":266,"title":267,"slug":268},214,"Popover","popover",{"id":153,"title":154,"slug":155},{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"slug":36,"title":35,"logo":38,"categories":273},[],{"uuid":275,"title":276,"description":277,"canonical_path":29,"image":278,"width":57,"height":58,"image_alt":279,"kind":60,"patterns":280,"component_categories":301,"app":306},"bb705c58-adf1-4ce5-a081-08a3d20de48b","@bertrandbruandet","Home dashboard where the user can access recent notebooks, view pending review requests, and filter their notebooks by status.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fabstract_home-product-logged_75e1590b_nicelydone.png","@bertrandbruandet from Abstract",[281,286,290,297],{"id":282,"label":283,"slug":284,"rank":66,"group":285},41,"Dashboard","dashboard",{"id":63,"label":175,"slug":176},{"id":221,"label":287,"slug":288,"rank":68,"group":289},"Filter & Sort","filter-and-sort",{"id":126,"label":168,"slug":169},{"id":291,"label":292,"slug":293,"rank":126,"group":294},81,"Home","home",{"id":42,"label":295,"slug":296},"Pages & Content","pages-and-content",{"id":119,"label":298,"slug":299,"rank":199,"group":300},"Add & Create","add-and-create",{"id":126,"label":168,"slug":169},[302,303,304,305],{"id":131,"title":132,"slug":133},{"id":153,"title":154,"slug":155},{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"slug":36,"title":35,"logo":38,"categories":307},[],{"uuid":309,"title":140,"description":310,"canonical_path":29,"image":311,"width":57,"height":58,"image_alt":144,"kind":60,"patterns":312,"component_categories":330,"app":334},"c39cbfc5-d11f-4d42-8345-a57da1968c0a","Detail page where a user reads a notebook document and reviews a pending approval request in a side drawer.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fabstract_detail-page-single-page_a1c2277f_nicelydone.png",[313,315,320,325],{"id":291,"label":292,"slug":293,"rank":66,"group":314},{"id":42,"label":295,"slug":296},{"id":316,"label":317,"slug":318,"rank":68,"group":319},106,"Comments","comments",{"id":164,"label":196,"slug":197},{"id":321,"label":322,"slug":323,"rank":126,"group":324},123,"Approval Flow","approval-flow",{"id":221,"label":222,"slug":223},{"id":326,"label":327,"slug":328,"rank":199,"group":329},22,"Search","search",{"id":126,"label":168,"slug":169},[331,332,333],{"id":153,"title":154,"slug":155},{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"slug":36,"title":35,"logo":38,"categories":335},[],{"uuid":337,"title":140,"description":338,"canonical_path":29,"image":339,"width":57,"height":58,"image_alt":144,"kind":60,"patterns":340,"component_categories":350,"app":354},"005a9840-7a46-4636-b123-9a7f865134af","Detail page where a user reads a notebook document and uses a right-hand drawer to approve, request changes, or leave a comment on a peer review.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fabstract_comments_13d4a1bb_nicelydone.png",[341,343,345],{"id":321,"label":322,"slug":323,"rank":66,"group":342},{"id":221,"label":222,"slug":223},{"id":316,"label":317,"slug":318,"rank":68,"group":344},{"id":164,"label":196,"slug":197},{"id":346,"label":347,"slug":348,"rank":126,"group":349},82,"Media Detail","media-detail",{"id":42,"label":295,"slug":296},[351,352,353],{"id":153,"title":154,"slug":155},{"id":73,"title":74,"slug":75},{"id":77,"title":78,"slug":79},{"slug":36,"title":35,"logo":38,"categories":355},[],{"family":357,"examples":358},"pages",[],[360,362,364,367,370,373,376,378,382,386,390],{"label":361,"to":29},"Abstract product screens",{"label":363,"to":32},"Abstract marketing pages",{"label":365,"to":366},"Abstract user flows","\u002Fexamples\u002Fapps\u002Fabstract\u002Fflows",{"label":368,"to":369},"Abstract UI components","\u002Fexamples\u002Fapps\u002Fabstract\u002Fcomponents",{"label":371,"to":372},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":374,"to":375},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":377,"to":18},"All SaaS app examples",{"label":379,"to":380,"description":381},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":383,"to":384,"description":385},"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":387,"to":388,"description":389},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":391,"to":392,"description":393},"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":395,"updated_at":396},"2020-01-23T11:31:21.000Z","2026-09-13T13:02:39.000Z"]