[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fdecipad\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":44,"showcases":342,"links":343,"dates":399},"\u002Fexamples\u002Fapps\u002Fdecipad\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Decipad product screens examples - Nicelydone","Browse Decipad screen design examples. Preview the interface screenshots and explore related UI patterns. A new way to create, collaborate and build…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe3cbc684-28ee-4474-9c54-1b941be842d7.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},"Decipad design examples","\u002Fexamples\u002Fapps\u002Fdecipad",{"label":23,"to":4},"Decipad product screens examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Decipad screen design examples. Preview the interface screenshots and explore related UI patterns. A new way to create, collaborate and build anything you want using numbers",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":31,"categories":35},"Decipad","decipad","A new way to create, collaborate and build anything you want using numbers","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdecipad-8154ac33.png","https:\u002F\u002Fwww.decipad.com",[36,40],{"id":37,"title":38,"slug":39},30,"Productivity","productivity",{"id":41,"title":42,"slug":43},57,"Big data","big-data",[45,78,90,107,123,174,205,236,260,281,297,317],{"uuid":46,"title":47,"description":48,"canonical_path":4,"image":11,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":53,"component_categories":67,"app":76},"e3cbc684-28ee-4474-9c54-1b941be842d7","Decipad — Make sense of numbers | Decipad","Authentication screen where the user enters their email to continue and implicitly agrees to the terms of service and privacy policy.",3024,1738,"Decipad — Make sense of numbers | Decipad from Decipad","screen",[54,63],{"id":55,"label":56,"slug":57,"rank":58,"group":59},4,"Sign In","sign-in",0,{"id":60,"label":61,"slug":62},1,"Access & Account","access-and-account",{"id":60,"label":64,"slug":65,"rank":60,"group":66},"Account Setup","account-setup",{"id":60,"label":61,"slug":62},[68,72],{"id":69,"title":70,"slug":71},174,"Card","card",{"id":73,"title":74,"slug":75},175,"Button","button",{"slug":31,"title":30,"logo":33,"categories":77},[],{"uuid":79,"title":47,"description":80,"canonical_path":4,"image":81,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":82,"component_categories":85,"app":88},"57f5f27c-6320-48e4-bf07-044bb9b8b637","Sign-in screen where the user enters their email address to continue into the application.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F57f5f27c-6320-48e4-bf07-044bb9b8b637.png",[83],{"id":55,"label":56,"slug":57,"rank":58,"group":84},{"id":60,"label":61,"slug":62},[86,87],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":31,"title":30,"logo":33,"categories":89},[],{"uuid":91,"title":47,"description":92,"canonical_path":4,"image":93,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":94,"component_categories":102,"app":105},"93fb4ca9-db52-459b-a98d-e73d0d131f79","Verification screen confirming a login link has been sent to the user's email address with a prompt to check their inbox.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F93fb4ca9-db52-459b-a98d-e73d0d131f79.png",[95,100],{"id":96,"label":97,"slug":98,"rank":58,"group":99},6,"Verification","verification",{"id":60,"label":61,"slug":62},{"id":55,"label":56,"slug":57,"rank":60,"group":101},{"id":60,"label":61,"slug":62},[103,104],{"id":69,"title":70,"slug":71},{"id":73,"title":74,"slug":75},{"slug":31,"title":30,"logo":33,"categories":106},[],{"uuid":108,"title":47,"description":109,"canonical_path":4,"image":110,"width":49,"height":50,"image_alt":51,"kind":52,"patterns":111,"component_categories":120,"app":121},"c4f148a1-0ae1-43fc-8450-0fb8ae2dff61","App loading state showing a centered brand icon while the workspace initializes.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc4f148a1-0ae1-43fc-8450-0fb8ae2dff61.png",[112],{"id":113,"label":114,"slug":115,"rank":58,"group":116},120,"Loading","loading",{"id":117,"label":118,"slug":119},12,"States & Feedback","states-and-feedback",[],{"slug":31,"title":30,"logo":33,"categories":122},[],{"uuid":124,"title":125,"description":126,"canonical_path":4,"image":127,"width":49,"height":50,"image_alt":128,"kind":52,"patterns":129,"component_categories":145,"app":172},"d61344f4-62c1-4f76-b477-89eb72b92c35","Welcome to Decipad! | Decipad","Block-based document editor where the user can insert interactive inputs, widgets, and formulas from a side panel.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd61344f4-62c1-4f76-b477-89eb72b92c35.png","Welcome to Decipad! | Decipad from Decipad",[130,138],{"id":131,"label":132,"slug":133,"rank":58,"group":134},7,"Add & Create","add-and-create",{"id":135,"label":136,"slug":137},2,"Actions","actions",{"id":37,"label":139,"slug":140,"rank":60,"group":141},"AI Generation","ai-generation",{"id":142,"label":143,"slug":144},3,"AI","ai",[146,147,151,155,159,163,167,171],{"id":69,"title":70,"slug":71},{"id":148,"title":149,"slug":150},257,"Input number","input-number",{"id":152,"title":153,"slug":154},223,"Slider","slider",{"id":156,"title":157,"slug":158},240,"Horizontal navigation","horizontal-navigation",{"id":160,"title":161,"slug":162},169,"Avatar","avatar",{"id":164,"title":165,"slug":166},260,"Badge","badge",{"id":168,"title":169,"slug":170},233,"Tabs","tabs",{"id":73,"title":74,"slug":75},{"slug":31,"title":30,"logo":33,"categories":173},[],{"uuid":175,"title":125,"description":176,"canonical_path":4,"image":177,"width":49,"height":50,"image_alt":128,"kind":52,"patterns":178,"component_categories":193,"app":203},"c52726f6-0ff8-4591-b985-34bde10fbb70","Content editor where the user builds interactive plans with numbers, formulas, and widgets, currently selecting a unit format from an open dropdown.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc52726f6-0ff8-4591-b985-34bde10fbb70.png",[179,181,186],{"id":131,"label":132,"slug":133,"rank":58,"group":180},{"id":135,"label":136,"slug":137},{"id":182,"label":183,"slug":184,"rank":60,"group":185},29,"AI Editing","ai-editing",{"id":142,"label":143,"slug":144},{"id":187,"label":188,"slug":189,"rank":135,"group":190},42,"Form","form",{"id":55,"label":191,"slug":192},"Data & Analysis","data-and-analysis",[194,198,199,200,201,202],{"id":195,"title":196,"slug":197},277,"Button group","button-group",{"id":148,"title":149,"slug":150},{"id":156,"title":157,"slug":158},{"id":168,"title":169,"slug":170},{"id":164,"title":165,"slug":166},{"id":160,"title":161,"slug":162},{"slug":31,"title":30,"logo":33,"categories":204},[],{"uuid":206,"title":125,"description":207,"canonical_path":4,"image":208,"width":49,"height":50,"image_alt":128,"kind":52,"patterns":209,"component_categories":222,"app":234},"017eae65-14bb-43a9-87bd-4d4b5fac2800","Content editor where the user configures interactive inputs, widgets, and formulas in a document, with a block insertion sidebar open.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F017eae65-14bb-43a9-87bd-4d4b5fac2800.png",[210,212,220],{"id":131,"label":132,"slug":133,"rank":58,"group":211},{"id":135,"label":136,"slug":137},{"id":213,"label":214,"slug":215,"rank":60,"group":216},58,"Media Editor","media-editor",{"id":217,"label":218,"slug":219},5,"Media & Tools","media-and-tools",{"id":182,"label":183,"slug":184,"rank":135,"group":221},{"id":142,"label":143,"slug":144},[223,227,228,229,230,231,232,233],{"id":224,"title":225,"slug":226},214,"Popover","popover",{"id":195,"title":196,"slug":197},{"id":148,"title":149,"slug":150},{"id":156,"title":157,"slug":158},{"id":168,"title":169,"slug":170},{"id":164,"title":165,"slug":166},{"id":160,"title":161,"slug":162},{"id":73,"title":74,"slug":75},{"slug":31,"title":30,"logo":33,"categories":235},[],{"uuid":237,"title":125,"description":238,"canonical_path":4,"image":239,"width":49,"height":50,"image_alt":128,"kind":52,"patterns":240,"component_categories":250,"app":258},"23531b0d-f875-479e-8396-2c0c8d0c4519","Document editor where the user creates interactive blocks for numbers, sliders, and formulas to build a dynamic story.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F23531b0d-f875-479e-8396-2c0c8d0c4519.png",[241,243,248],{"id":131,"label":132,"slug":133,"rank":58,"group":242},{"id":135,"label":136,"slug":137},{"id":244,"label":245,"slug":246,"rank":60,"group":247},55,"Design Editor","design-editor",{"id":217,"label":218,"slug":219},{"id":213,"label":214,"slug":215,"rank":135,"group":249},{"id":217,"label":218,"slug":219},[251,252,253,254,255,256,257],{"id":152,"title":153,"slug":154},{"id":148,"title":149,"slug":150},{"id":156,"title":157,"slug":158},{"id":168,"title":169,"slug":170},{"id":160,"title":161,"slug":162},{"id":164,"title":165,"slug":166},{"id":73,"title":74,"slug":75},{"slug":31,"title":30,"logo":33,"categories":259},[],{"uuid":261,"title":125,"description":262,"canonical_path":4,"image":263,"width":49,"height":50,"image_alt":128,"kind":52,"patterns":264,"component_categories":271,"app":279},"26c56de0-aa9c-42a5-a03f-62f3135d0048","Content editor where the user builds an interactive document by defining numeric inputs, adding sliders, and writing formulas that connect data to dynamic text.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F26c56de0-aa9c-42a5-a03f-62f3135d0048.png",[265,267,269],{"id":131,"label":132,"slug":133,"rank":58,"group":266},{"id":135,"label":136,"slug":137},{"id":244,"label":245,"slug":246,"rank":60,"group":268},{"id":217,"label":218,"slug":219},{"id":182,"label":183,"slug":184,"rank":135,"group":270},{"id":142,"label":143,"slug":144},[272,273,274,275,276,277,278],{"id":195,"title":196,"slug":197},{"id":152,"title":153,"slug":154},{"id":148,"title":149,"slug":150},{"id":156,"title":157,"slug":158},{"id":168,"title":169,"slug":170},{"id":164,"title":165,"slug":166},{"id":160,"title":161,"slug":162},{"slug":31,"title":30,"logo":33,"categories":280},[],{"uuid":282,"title":125,"description":283,"canonical_path":4,"image":284,"width":49,"height":50,"image_alt":128,"kind":52,"patterns":285,"component_categories":288,"app":295},"b2a5ce1b-6ce4-4bfb-bf16-9ddc9d8d424a","Content editor where the user defines numerical inputs, adds interactive slider widgets, and uses formulas to connect data within a document.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb2a5ce1b-6ce4-4bfb-bf16-9ddc9d8d424a.png",[286],{"id":244,"label":245,"slug":246,"rank":58,"group":287},{"id":217,"label":218,"slug":219},[289,290,291,292,293,294],{"id":152,"title":153,"slug":154},{"id":156,"title":157,"slug":158},{"id":168,"title":169,"slug":170},{"id":164,"title":165,"slug":166},{"id":160,"title":161,"slug":162},{"id":73,"title":74,"slug":75},{"slug":31,"title":30,"logo":33,"categories":296},[],{"uuid":298,"title":125,"description":299,"canonical_path":4,"image":300,"width":49,"height":50,"image_alt":128,"kind":52,"patterns":301,"component_categories":308,"app":315},"565e55b3-d48c-4d01-bdbc-23348344ae03","Content editor where the user builds an interactive document by defining numeric inputs, adding a slider widget, and writing formulas to connect data variables.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F565e55b3-d48c-4d01-bdbc-23348344ae03.png",[302,304,306],{"id":131,"label":132,"slug":133,"rank":58,"group":303},{"id":135,"label":136,"slug":137},{"id":182,"label":183,"slug":184,"rank":60,"group":305},{"id":142,"label":143,"slug":144},{"id":187,"label":188,"slug":189,"rank":135,"group":307},{"id":55,"label":191,"slug":192},[309,310,311,312,313,314],{"id":152,"title":153,"slug":154},{"id":156,"title":157,"slug":158},{"id":168,"title":169,"slug":170},{"id":160,"title":161,"slug":162},{"id":164,"title":165,"slug":166},{"id":73,"title":74,"slug":75},{"slug":31,"title":30,"logo":33,"categories":316},[],{"uuid":318,"title":125,"description":319,"canonical_path":4,"image":320,"width":49,"height":50,"image_alt":128,"kind":52,"patterns":321,"component_categories":331,"app":340},"fbbf5e84-23e5-4bc5-99e4-feed4d9626d8","Content editor where the user defines numeric inputs, adds interactive slider widgets, and writes formulas to connect data in a dynamic document.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ffbbf5e84-23e5-4bc5-99e4-feed4d9626d8.png",[322,324,329],{"id":131,"label":132,"slug":133,"rank":58,"group":323},{"id":135,"label":136,"slug":137},{"id":325,"label":326,"slug":327,"rank":60,"group":328},11,"Edit","edit",{"id":135,"label":136,"slug":137},{"id":37,"label":139,"slug":140,"rank":135,"group":330},{"id":142,"label":143,"slug":144},[332,333,334,335,336,337,338,339],{"id":195,"title":196,"slug":197},{"id":152,"title":153,"slug":154},{"id":148,"title":149,"slug":150},{"id":156,"title":157,"slug":158},{"id":168,"title":169,"slug":170},{"id":164,"title":165,"slug":166},{"id":160,"title":161,"slug":162},{"id":73,"title":74,"slug":75},{"slug":31,"title":30,"logo":33,"categories":341},[],[],[344,346,348,350,352,354,356,358,360,362,364,366,369,372,375,378,381,383,387,391,395],{"label":132,"to":345},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":183,"to":347},"\u002Fexamples\u002Fscreens\u002Fai-editing",{"label":245,"to":349},"\u002Fexamples\u002Fscreens\u002Fdesign-editor",{"label":56,"to":351},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":139,"to":353},"\u002Fexamples\u002Fscreens\u002Fai-generation",{"label":188,"to":355},"\u002Fexamples\u002Fscreens\u002Fform",{"label":214,"to":357},"\u002Fexamples\u002Fscreens\u002Fmedia-editor",{"label":64,"to":359},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":326,"to":361},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":114,"to":363},"\u002Fexamples\u002Fscreens\u002Floading",{"label":97,"to":365},"\u002Fexamples\u002Fscreens\u002Fverification",{"label":367,"to":368},"Decipad marketing pages","\u002Fexamples\u002Fapps\u002Fdecipad\u002Fmarketing",{"label":370,"to":371},"Decipad user flows","\u002Fexamples\u002Fapps\u002Fdecipad\u002Fflows",{"label":373,"to":374},"Decipad UI components","\u002Fexamples\u002Fapps\u002Fdecipad\u002Fcomponents",{"label":376,"to":377},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":379,"to":380},"Big data app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fbig-data",{"label":382,"to":18},"All SaaS app examples",{"label":384,"to":385,"description":386},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":388,"to":389,"description":390},"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":392,"to":393,"description":394},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":396,"to":397,"description":398},"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":400,"updated_at":401},"2022-07-01T10:17:57.000Z","2026-09-13T13:02:39.000Z"]