[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fbytescale":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":40,"examples":56,"showcases":57,"links":317,"dates":350},"\u002Fexamples\u002Fapps\u002Fbytescale","detail","apps",true,{"title":9,"description":10,"og_image":11},"Bytescale design examples - Nicelydone","Explore Bytescale UI design examples. Simple file storage & file processing apis for developers","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3c67bd5b-9043-469e-b19e-7404ad0d2564.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Bytescale design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":39},"SaaS app examples",[24],{"title":25,"links":26},"Explore Bytescale",[27,30,33,36],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fbytescale\u002Fscreens",{"label":31,"to":32},"user flows","\u002Fexamples\u002Fapps\u002Fbytescale\u002Fflows",{"label":34,"to":35},"UI components","\u002Fexamples\u002Fapps\u002Fbytescale\u002Fcomponents",{"label":37,"to":38},"marketing pages","\u002Fexamples\u002Fapps\u002Fbytescale\u002Fmarketing",[],{"title":41,"slug":42,"description":43,"logo":44,"url":45,"twitter_username":46,"categories":47},"Bytescale","bytescale","Simple file storage & file processing apis for developers","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fbytescale-70575edd.png","https:\u002F\u002Fwww.bytescale.com","BytescaleHQ",[48,52],{"id":49,"title":50,"slug":51},37,"Developer APIs","developer-apis",{"id":53,"title":54,"slug":55},48,"Developer Tools","developer-tools",[],[58,308,311,314],{"family":59,"examples":60},"screens",[61,130,150,167,180,195,215,236,250,265,280,295],{"uuid":62,"title":63,"description":64,"canonical_path":29,"image":11,"width":65,"height":66,"image_alt":67,"kind":68,"patterns":69,"component_categories":97,"app":128},"3c67bd5b-9043-469e-b19e-7404ad0d2564","Image Processing API Optimize, Compress, Resize, and more #1","Developer documentation page detailing the Image Processing API, including supported formats, optimization parameters, and manipulation options.",3024,65500,"Image Processing API Optimize, Compress, Resize, and more #1 from Bytescale","screen",[70,79,88],{"id":71,"label":72,"slug":73,"rank":74,"group":75},78,"Article","article",0,{"id":76,"label":77,"slug":78},15,"Marketing Page Types","marketing-page-types",{"id":80,"label":81,"slug":82,"rank":83,"group":84},79,"Browse","browse",1,{"id":85,"label":86,"slug":87},8,"Pages & Content","pages-and-content",{"id":89,"label":90,"slug":91,"rank":92,"group":93},69,"Tabs","tabs",2,{"id":94,"label":95,"slug":96},6,"Navigation & Commands","navigation-and-commands",[98,102,104,108,112,116,120,124],{"id":99,"title":100,"slug":101},177,"Breadcrumb","breadcrumb",{"id":103,"title":90,"slug":91},233,{"id":105,"title":106,"slug":107},227,"Stepper","stepper",{"id":109,"title":110,"slug":111},167,"Alert","alert",{"id":113,"title":114,"slug":115},260,"Badge","badge",{"id":117,"title":118,"slug":119},240,"Horizontal navigation","horizontal-navigation",{"id":121,"title":122,"slug":123},174,"Card","card",{"id":125,"title":126,"slug":127},175,"Button","button",{"slug":42,"title":41,"logo":44,"categories":129},[],{"uuid":131,"title":132,"description":133,"canonical_path":29,"image":134,"width":65,"height":135,"image_alt":136,"kind":68,"patterns":137,"component_categories":145,"app":148},"205e3801-67e3-437f-810d-29f3eb8cff41","Sign In | Bytescale","Sign-in screen where the user authenticates with email and password, alongside a feature grid highlighting developer benefits.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F205e3801-67e3-437f-810d-29f3eb8cff41.png",1674,"Sign In | Bytescale from Bytescale",[138],{"id":139,"label":140,"slug":141,"rank":74,"group":142},4,"Sign In","sign-in",{"id":83,"label":143,"slug":144},"Access & Account","access-and-account",[146,147],{"id":125,"title":126,"slug":127},{"id":121,"title":122,"slug":123},{"slug":42,"title":41,"logo":44,"categories":149},[],{"uuid":151,"title":152,"description":153,"canonical_path":29,"image":154,"width":65,"height":135,"image_alt":155,"kind":68,"patterns":156,"component_categories":161,"app":165},"ef065c87-1ee6-49c0-ae02-00a5faaf7bc4","Forgotten Password | Bytescale","Password recovery screen where the user enters their email to get a reset link, alongside a card highlighting developer-focused features like fast CDN and processing APIs.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fef065c87-1ee6-49c0-ae02-00a5faaf7bc4.png","Forgotten Password | Bytescale from Bytescale",[157],{"id":92,"label":158,"slug":159,"rank":74,"group":160},"Forgot Password","forgot-password",{"id":83,"label":143,"slug":144},[162,163,164],{"id":117,"title":118,"slug":119},{"id":125,"title":126,"slug":127},{"id":121,"title":122,"slug":123},{"slug":42,"title":41,"logo":44,"categories":166},[],{"uuid":168,"title":152,"description":169,"canonical_path":29,"image":170,"width":65,"height":135,"image_alt":155,"kind":68,"patterns":171,"component_categories":174,"app":178},"bcc2f21c-ba0b-4f0f-967f-133c9b3a170e","Password recovery screen where the user submits their email address to receive a reset link, accompanied by a feature highlight panel.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbcc2f21c-ba0b-4f0f-967f-133c9b3a170e.png",[172],{"id":92,"label":158,"slug":159,"rank":74,"group":173},{"id":83,"label":143,"slug":144},[175,176,177],{"id":117,"title":118,"slug":119},{"id":125,"title":126,"slug":127},{"id":121,"title":122,"slug":123},{"slug":42,"title":41,"logo":44,"categories":179},[],{"uuid":181,"title":182,"description":183,"canonical_path":29,"image":184,"width":65,"height":135,"image_alt":185,"kind":68,"patterns":186,"component_categories":189,"app":193},"84daedd9-81f1-4d47-bfa8-5a2483fe55ed","Choose a New Password | Bytescale","Password recovery screen where the user enters an emailed verification code and sets a new password, alongside a feature list.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F84daedd9-81f1-4d47-bfa8-5a2483fe55ed.png","Choose a New Password | Bytescale from Bytescale",[187],{"id":92,"label":158,"slug":159,"rank":74,"group":188},{"id":83,"label":143,"slug":144},[190,191,192],{"id":117,"title":118,"slug":119},{"id":125,"title":126,"slug":127},{"id":121,"title":122,"slug":123},{"slug":42,"title":41,"logo":44,"categories":194},[],{"uuid":196,"title":182,"description":197,"canonical_path":29,"image":198,"width":65,"height":135,"image_alt":185,"kind":68,"patterns":199,"component_categories":210,"app":213},"eabed611-b686-4a78-9f09-e06d51942a22","Password recovery screen where the user must enter a verification code and set a new password, currently showing validation errors for all fields.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Feabed611-b686-4a78-9f09-e06d51942a22.png",[200,202],{"id":92,"label":158,"slug":159,"rank":74,"group":201},{"id":83,"label":143,"slug":144},{"id":203,"label":204,"slug":205,"rank":83,"group":206},116,"Error","error",{"id":207,"label":208,"slug":209},12,"States & Feedback","states-and-feedback",[211,212],{"id":117,"title":118,"slug":119},{"id":125,"title":126,"slug":127},{"slug":42,"title":41,"logo":44,"categories":214},[],{"uuid":216,"title":217,"description":218,"canonical_path":29,"image":219,"width":65,"height":135,"image_alt":220,"kind":68,"patterns":221,"component_categories":231,"app":234},"ad53edb8-140d-4062-8069-98269f87d331","Create Account | Bytescale","Signup page where the user creates an account with email and password alongside a grid of developer-focused product benefits.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fad53edb8-140d-4062-8069-98269f87d331.png","Create Account | Bytescale from Bytescale",[222,227],{"id":223,"label":224,"slug":225,"rank":74,"group":226},5,"Sign Up","sign-up",{"id":83,"label":143,"slug":144},{"id":83,"label":228,"slug":229,"rank":83,"group":230},"Account Setup","account-setup",{"id":83,"label":143,"slug":144},[232,233],{"id":117,"title":118,"slug":119},{"id":121,"title":122,"slug":123},{"slug":42,"title":41,"logo":44,"categories":235},[],{"uuid":237,"title":217,"description":238,"canonical_path":29,"image":239,"width":65,"height":135,"image_alt":220,"kind":68,"patterns":240,"component_categories":245,"app":248},"f7bec2f7-1ea2-4f08-a67a-9257cf332250","Signup screen where the user creates an account by providing their name, email, and password, alongside a list of developer-focused product benefits.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff7bec2f7-1ea2-4f08-a67a-9257cf332250.png",[241,243],{"id":223,"label":224,"slug":225,"rank":74,"group":242},{"id":83,"label":143,"slug":144},{"id":83,"label":228,"slug":229,"rank":83,"group":244},{"id":83,"label":143,"slug":144},[246,247],{"id":125,"title":126,"slug":127},{"id":121,"title":122,"slug":123},{"slug":42,"title":41,"logo":44,"categories":249},[],{"uuid":251,"title":217,"description":252,"canonical_path":29,"image":253,"width":65,"height":135,"image_alt":220,"kind":68,"patterns":254,"component_categories":259,"app":263},"f80103d7-2f71-44f1-ac96-88c1498c453d","Signup page where the user fills out their name, email, and password while reviewing a grid of developer features like fast CDN and built-in storage.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff80103d7-2f71-44f1-ac96-88c1498c453d.png",[255,257],{"id":223,"label":224,"slug":225,"rank":74,"group":256},{"id":83,"label":143,"slug":144},{"id":83,"label":228,"slug":229,"rank":83,"group":258},{"id":83,"label":143,"slug":144},[260,261,262],{"id":117,"title":118,"slug":119},{"id":125,"title":126,"slug":127},{"id":121,"title":122,"slug":123},{"slug":42,"title":41,"logo":44,"categories":264},[],{"uuid":266,"title":217,"description":267,"canonical_path":29,"image":268,"width":65,"height":135,"image_alt":220,"kind":68,"patterns":269,"component_categories":274,"app":278},"4e7e7a89-d97c-4486-a8bf-afe008ffb84d","Signup screen where the user creates an account with email and password while reviewing a list of developer-focused features like fast CDN and built-in storage.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4e7e7a89-d97c-4486-a8bf-afe008ffb84d.png",[270,272],{"id":223,"label":224,"slug":225,"rank":74,"group":271},{"id":83,"label":143,"slug":144},{"id":83,"label":228,"slug":229,"rank":83,"group":273},{"id":83,"label":143,"slug":144},[275,276,277],{"id":117,"title":118,"slug":119},{"id":125,"title":126,"slug":127},{"id":121,"title":122,"slug":123},{"slug":42,"title":41,"logo":44,"categories":279},[],{"uuid":281,"title":217,"description":282,"canonical_path":29,"image":283,"width":65,"height":135,"image_alt":220,"kind":68,"patterns":284,"component_categories":289,"app":293},"8bc176a4-a8ae-411c-a295-68397bc84702","Verification screen where the user enters a 6-digit code alongside a feature highlight panel.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8bc176a4-a8ae-411c-a295-68397bc84702.png",[285],{"id":94,"label":286,"slug":287,"rank":74,"group":288},"Verification","verification",{"id":83,"label":143,"slug":144},[290,291,292],{"id":117,"title":118,"slug":119},{"id":125,"title":126,"slug":127},{"id":121,"title":122,"slug":123},{"slug":42,"title":41,"logo":44,"categories":294},[],{"uuid":296,"title":217,"description":297,"canonical_path":29,"image":298,"width":65,"height":135,"image_alt":220,"kind":68,"patterns":299,"component_categories":302,"app":306},"5debcb9f-894b-4303-a464-677839c05d88","Verification screen where the user enters a 6-digit code to authenticate, featuring a split layout with product benefits on the right.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5debcb9f-894b-4303-a464-677839c05d88.png",[300],{"id":94,"label":286,"slug":287,"rank":74,"group":301},{"id":83,"label":143,"slug":144},[303,304,305],{"id":117,"title":118,"slug":119},{"id":125,"title":126,"slug":127},{"id":121,"title":122,"slug":123},{"slug":42,"title":41,"logo":44,"categories":307},[],{"family":309,"examples":310},"flows",[],{"family":312,"examples":313},"components",[],{"family":315,"examples":316},"pages",[],[318,320,322,324,326,329,332,334,338,342,346],{"label":319,"to":29},"Bytescale product screens",{"label":321,"to":38},"Bytescale marketing pages",{"label":323,"to":32},"Bytescale user flows",{"label":325,"to":35},"Bytescale UI components",{"label":327,"to":328},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":330,"to":331},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":333,"to":18},"All SaaS app examples",{"label":335,"to":336,"description":337},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":339,"to":340,"description":341},"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":343,"to":344,"description":345},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":347,"to":348,"description":349},"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":351,"updated_at":352},"2024-01-29T11:22:27.000Z","2026-09-19T00:05:40.000Z"]