[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fstellate\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":51,"showcases":362,"links":363,"dates":424},"\u002Fexamples\u002Fapps\u002Fstellate\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Stellate product screens examples - Nicelydone","Browse Stellate screen design examples. Preview the interface screenshots and explore related UI patterns. Edge Caching & Metrics for your GraphQL API","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F18d7bae4-dd0d-481f-a4de-92c2da623124.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},"Stellate design examples","\u002Fexamples\u002Fapps\u002Fstellate",{"label":23,"to":4},"Stellate 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":30,"categories":34},"Stellate","stellate","Edge Caching & Metrics for your GraphQL API","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fstellate-260030a8.png","https:\u002F\u002Fstellate.co\u002F",[35,39,43,47],{"id":36,"title":37,"slug":38},37,"Developer APIs","developer-apis",{"id":40,"title":41,"slug":42},16,"Monitoring","monitoring",{"id":44,"title":45,"slug":46},48,"Developer Tools","developer-tools",{"id":48,"title":49,"slug":50},78,"Security","security",[52,77,93,114,129,154,172,187,213,259,294,325],{"uuid":53,"title":54,"description":55,"canonical_path":4,"image":11,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":60,"component_categories":70,"app":75},"18d7bae4-dd0d-481f-a4de-92c2da623124","Login – Stellate","Sign-in screen where the user authenticates with GitHub, GitLab, or email.",3024,1792,"Login – Stellate from Stellate","screen",[61],{"id":62,"label":63,"slug":64,"rank":65,"group":66},4,"Sign In","sign-in",0,{"id":67,"label":68,"slug":69},1,"Access & Account","access-and-account",[71],{"id":72,"title":73,"slug":74},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":76},[],{"uuid":78,"title":79,"description":80,"canonical_path":4,"image":81,"width":56,"height":57,"image_alt":82,"kind":59,"patterns":83,"component_categories":89,"app":91},"a87213f8-4423-4c03-aaf5-8624d7ca2ce2","Signup – Stellate","Signup page where the user can create an account using GitHub, GitLab, or an email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa87213f8-4423-4c03-aaf5-8624d7ca2ce2.png","Signup – Stellate from Stellate",[84],{"id":85,"label":86,"slug":87,"rank":65,"group":88},5,"Sign Up","sign-up",{"id":67,"label":68,"slug":69},[90],{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":92},[],{"uuid":94,"title":54,"description":95,"canonical_path":4,"image":96,"width":56,"height":57,"image_alt":58,"kind":59,"patterns":97,"component_categories":111,"app":112},"4390bc83-bbfb-4983-a3aa-feec8e9cf6ba","Verification screen confirming that a magic login link has been successfully sent to the user's email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4390bc83-bbfb-4983-a3aa-feec8e9cf6ba.png",[98,103],{"id":99,"label":100,"slug":101,"rank":65,"group":102},6,"Verification","verification",{"id":67,"label":68,"slug":69},{"id":104,"label":105,"slug":106,"rank":67,"group":107},122,"Success","success",{"id":108,"label":109,"slug":110},12,"States & Feedback","states-and-feedback",[],{"slug":30,"title":29,"logo":32,"categories":113},[],{"uuid":115,"title":116,"description":117,"canonical_path":4,"image":118,"width":56,"height":57,"image_alt":119,"kind":59,"patterns":120,"component_categories":125,"app":127},"10f9dd21-d882-41fb-8cfb-434e5e2cf1fe","Onboarding - Stellate","Onboarding step where the user sets up their organization by providing their company name, website, industry, and role.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F10f9dd21-d882-41fb-8cfb-434e5e2cf1fe.png","Onboarding - Stellate from Stellate",[121],{"id":67,"label":122,"slug":123,"rank":65,"group":124},"Account Setup","account-setup",{"id":67,"label":68,"slug":69},[126],{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":128},[],{"uuid":130,"title":116,"description":131,"canonical_path":4,"image":132,"width":56,"height":57,"image_alt":119,"kind":59,"patterns":133,"component_categories":142,"app":152},"bbe35b87-07f6-465b-b1da-256e3d09fae0","Onboarding step where the user configures their GraphQL API endpoint and Stellate subdomain to create a new service.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbbe35b87-07f6-465b-b1da-256e3d09fae0.png",[134],{"id":135,"label":136,"slug":137,"rank":65,"group":138},75,"Setup Wizard","setup-wizard",{"id":139,"label":140,"slug":141},7,"Onboarding & Education","onboarding-and-education",[143,147,151],{"id":144,"title":145,"slug":146},260,"Badge","badge",{"id":148,"title":149,"slug":150},174,"Card","card",{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":153},[],{"uuid":155,"title":116,"description":156,"canonical_path":4,"image":157,"width":56,"height":57,"image_alt":119,"kind":59,"patterns":158,"component_categories":163,"app":170},"8f3d8110-06c5-4cfb-b107-31cb3092cd58","Onboarding step where the user configures their GraphQL server by selecting an integration method like Apollo Server or GraphQL Yoga and copying the provided code snippet.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8f3d8110-06c5-4cfb-b107-31cb3092cd58.png",[159,161],{"id":135,"label":136,"slug":137,"rank":65,"group":160},{"id":139,"label":140,"slug":141},{"id":67,"label":122,"slug":123,"rank":67,"group":162},{"id":67,"label":68,"slug":69},[164,168,169],{"id":165,"title":166,"slug":167},233,"Tabs","tabs",{"id":148,"title":149,"slug":150},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":171},[],{"uuid":173,"title":116,"description":174,"canonical_path":4,"image":175,"width":56,"height":57,"image_alt":119,"kind":59,"patterns":176,"component_categories":181,"app":185},"ac11130f-a950-488b-878d-d6cf57ad5d68","Onboarding step where the user configures their GraphQL server by selecting a framework and copying the provided installation and integration code snippets.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fac11130f-a950-488b-878d-d6cf57ad5d68.png",[177,179],{"id":135,"label":136,"slug":137,"rank":65,"group":178},{"id":139,"label":140,"slug":141},{"id":67,"label":122,"slug":123,"rank":67,"group":180},{"id":67,"label":68,"slug":69},[182,183,184],{"id":148,"title":149,"slug":150},{"id":165,"title":166,"slug":167},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":186},[],{"uuid":188,"title":116,"description":189,"canonical_path":4,"image":190,"width":56,"height":57,"image_alt":119,"kind":59,"patterns":191,"component_categories":207,"app":211},"5ff7e516-fdb4-48dc-b0d0-fb4d48a6a98c","Onboarding step where the user configures their GraphQL server by selecting a framework like Apollo or Yoga and copying the provided installation code snippets.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5ff7e516-fdb4-48dc-b0d0-fb4d48a6a98c.png",[192,194,199],{"id":135,"label":136,"slug":137,"rank":65,"group":193},{"id":139,"label":140,"slug":141},{"id":195,"label":196,"slug":197,"rank":67,"group":198},72,"Getting Started","getting-started",{"id":139,"label":140,"slug":141},{"id":200,"label":201,"slug":202,"rank":203,"group":204},53,"Code Editor","code-editor",2,{"id":85,"label":205,"slug":206},"Media & Tools","media-and-tools",[208,209,210],{"id":148,"title":149,"slug":150},{"id":165,"title":166,"slug":167},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":212},[],{"uuid":214,"title":215,"description":216,"canonical_path":4,"image":217,"width":56,"height":218,"image_alt":219,"kind":59,"patterns":220,"component_categories":238,"app":257},"a9022251-fe8a-4cad-99c2-57a7f488c651","nicelydone Config - Stellate","Inline code editor where the user configures their Stellate edge cache service, with a getting started checklist and metric previews visible above.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa9022251-fe8a-4cad-99c2-57a7f488c651.png",3020,"nicelydone Config - Stellate from Stellate",[221,223,230,232],{"id":200,"label":201,"slug":202,"rank":65,"group":222},{"id":85,"label":205,"slug":206},{"id":224,"label":225,"slug":226,"rank":67,"group":227},41,"Dashboard","dashboard",{"id":62,"label":228,"slug":229},"Data & Analysis","data-and-analysis",{"id":195,"label":196,"slug":197,"rank":203,"group":231},{"id":139,"label":140,"slug":141},{"id":233,"label":166,"slug":167,"rank":234,"group":235},69,3,{"id":99,"label":236,"slug":237},"Navigation & Commands","navigation-and-commands",[239,243,247,251,255,256],{"id":240,"title":241,"slug":242},169,"Avatar","avatar",{"id":244,"title":245,"slug":246},227,"Stepper","stepper",{"id":248,"title":249,"slug":250},240,"Horizontal navigation","horizontal-navigation",{"id":252,"title":253,"slug":254},177,"Breadcrumb","breadcrumb",{"id":165,"title":166,"slug":167},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":258},[],{"uuid":260,"title":215,"description":261,"canonical_path":4,"image":262,"width":56,"height":57,"image_alt":219,"kind":59,"patterns":263,"component_categories":281,"app":292},"16048c10-075a-4378-970e-b39e37bc534d","Settings page where a product demo video modal overlays a getting started checklist and a configuration code editor.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F16048c10-075a-4378-970e-b39e37bc534d.png",[264,272,277,279],{"id":265,"label":266,"slug":267,"rank":65,"group":268},102,"Settings","settings",{"id":269,"label":270,"slug":271},10,"Settings & Admin","settings-and-admin",{"id":273,"label":274,"slug":275,"rank":67,"group":276},61,"Video Player","video-player",{"id":85,"label":205,"slug":206},{"id":195,"label":196,"slug":197,"rank":203,"group":278},{"id":139,"label":140,"slug":141},{"id":200,"label":201,"slug":202,"rank":234,"group":280},{"id":85,"label":205,"slug":206},[282,286,287,288,289,290,291],{"id":283,"title":284,"slug":285},284,"Modal","modal",{"id":244,"title":245,"slug":246},{"id":248,"title":249,"slug":250},{"id":252,"title":253,"slug":254},{"id":165,"title":166,"slug":167},{"id":148,"title":149,"slug":150},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":293},[],{"uuid":295,"title":296,"description":297,"canonical_path":4,"image":298,"width":56,"height":299,"image_alt":300,"kind":59,"patterns":301,"component_categories":316,"app":323},"14bb419f-b7d9-4235-a67b-53925780159b","nicelydone Cache Rules - Stellate","Settings page where the user configures Stellate edge cache rules, currently showing an empty state alongside an onboarding checklist and contextual help.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F14bb419f-b7d9-4235-a67b-53925780159b.png",2272,"nicelydone Cache Rules - Stellate from Stellate",[302,304,309,314],{"id":265,"label":266,"slug":267,"rank":65,"group":303},{"id":269,"label":270,"slug":271},{"id":305,"label":306,"slug":307,"rank":67,"group":308},115,"Empty State","empty-state",{"id":108,"label":109,"slug":110},{"id":310,"label":311,"slug":312,"rank":203,"group":313},74,"Onboarding Checklist","onboarding-checklist",{"id":139,"label":140,"slug":141},{"id":224,"label":225,"slug":226,"rank":234,"group":315},{"id":62,"label":228,"slug":229},[317,318,319,320,321,322],{"id":240,"title":241,"slug":242},{"id":244,"title":245,"slug":246},{"id":248,"title":249,"slug":250},{"id":252,"title":253,"slug":254},{"id":165,"title":166,"slug":167},{"id":148,"title":149,"slug":150},{"slug":30,"title":29,"logo":32,"categories":324},[],{"uuid":326,"title":327,"description":328,"canonical_path":4,"image":329,"width":56,"height":330,"image_alt":331,"kind":59,"patterns":332,"component_categories":349,"app":360},"832cea21-708c-4659-9cd9-7e25492d50db","nicelydone Activity - Stellate","Settings page showing an activity log with a code diff for configuration changes, alongside an onboarding checklist and KPI preview banner.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F832cea21-708c-4659-9cd9-7e25492d50db.png",2010,"nicelydone Activity - Stellate from Stellate",[333,338,340,342,344],{"id":334,"label":335,"slug":336,"rank":65,"group":337},38,"Activity Log","activity-log",{"id":62,"label":228,"slug":229},{"id":224,"label":225,"slug":226,"rank":67,"group":339},{"id":62,"label":228,"slug":229},{"id":310,"label":311,"slug":312,"rank":203,"group":341},{"id":139,"label":140,"slug":141},{"id":265,"label":266,"slug":267,"rank":234,"group":343},{"id":269,"label":270,"slug":271},{"id":345,"label":346,"slug":347,"rank":62,"group":348},40,"Charts","charts",{"id":62,"label":228,"slug":229},[350,354,355,356,357,358,359],{"id":351,"title":352,"slug":353},168,"Accordion","accordion",{"id":144,"title":145,"slug":146},{"id":240,"title":241,"slug":242},{"id":248,"title":249,"slug":250},{"id":252,"title":253,"slug":254},{"id":165,"title":166,"slug":167},{"id":148,"title":149,"slug":150},{"slug":30,"title":29,"logo":32,"categories":361},[],[],[364,366,368,370,372,374,376,378,380,382,384,386,388,391,394,397,400,403,406,408,412,416,420],{"label":136,"to":365},"\u002Fexamples\u002Fscreens\u002Fsetup-wizard",{"label":122,"to":367},"\u002Fexamples\u002Fscreens\u002Faccount-setup",{"label":201,"to":369},"\u002Fexamples\u002Fscreens\u002Fcode-editor",{"label":225,"to":371},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":196,"to":373},"\u002Fexamples\u002Fscreens\u002Fgetting-started",{"label":266,"to":375},"\u002Fexamples\u002Fscreens\u002Fsettings",{"label":311,"to":377},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":335,"to":379},"\u002Fexamples\u002Fscreens\u002Factivity-log",{"label":346,"to":381},"\u002Fexamples\u002Fscreens\u002Fcharts",{"label":306,"to":383},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":63,"to":385},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":86,"to":387},"\u002Fexamples\u002Fscreens\u002Fsign-up",{"label":389,"to":390},"Stellate marketing pages","\u002Fexamples\u002Fapps\u002Fstellate\u002Fmarketing",{"label":392,"to":393},"Stellate user flows","\u002Fexamples\u002Fapps\u002Fstellate\u002Fflows",{"label":395,"to":396},"Stellate UI components","\u002Fexamples\u002Fapps\u002Fstellate\u002Fcomponents",{"label":398,"to":399},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":401,"to":402},"Monitoring app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmonitoring",{"label":404,"to":405},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":407,"to":18},"All SaaS app examples",{"label":409,"to":410,"description":411},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":413,"to":414,"description":415},"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":417,"to":418,"description":419},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":421,"to":422,"description":423},"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":425,"updated_at":426},"2023-11-14T18:52:08.000Z","2026-09-13T13:02:39.000Z"]