[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fheroic-labs":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"app":34,"examples":53,"showcases":54,"links":372,"dates":392},"\u002Fexamples\u002Fapps\u002Fheroic-labs","detail","apps",true,{"title":9,"description":10,"og_image":11},"Heroic Labs design examples - Nicelydone","Explore Heroic Labs UI design examples. Backend for game developers","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fheroic-labs_sign-in_6ac09537_nicelydone.jpg",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":4},"Heroic Labs design examples",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":33},"SaaS app examples",[24],{"title":25,"links":26},"Explore Heroic Labs",[27,30],{"label":28,"to":29},"product screens","\u002Fexamples\u002Fapps\u002Fheroic-labs\u002Fscreens",{"label":31,"to":32},"marketing pages","\u002Fexamples\u002Fapps\u002Fheroic-labs\u002Fmarketing",[],{"title":35,"slug":36,"description":37,"logo":38,"url":39,"categories":40},"Heroic Labs","heroic-labs","Backend for game developers","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fheroic-labs-b010467c.png","https:\u002F\u002Fheroiclabs.com",[41,45,49],{"id":42,"title":43,"slug":44},48,"Developer Tools","developer-tools",{"id":46,"title":47,"slug":48},50,"Mobile Games","mobile-games",{"id":50,"title":51,"slug":52},45,"Open Source","open-source",[],[55,369],{"family":56,"examples":57},"screens",[58,91,106,125,154,186,210,244,261,294,317,348],{"uuid":59,"title":60,"description":61,"canonical_path":29,"image":11,"width":62,"height":63,"image_alt":64,"kind":65,"patterns":66,"component_categories":76,"app":89},"04979fc2-360a-426e-ab53-5fa29211a154","Sign in","Sign-in screen where the user authenticates with Google, Github, or email, with a tabbed option to switch to sign up.",2800,1560,"Sign in from Heroic Labs","screen",[67],{"id":68,"label":69,"slug":70,"rank":71,"group":72},2,"Forgot Password","forgot-password",0,{"id":73,"label":74,"slug":75},1,"Access & Account","access-and-account",[77,81,85],{"id":78,"title":79,"slug":80},233,"Tabs","tabs",{"id":82,"title":83,"slug":84},174,"Card","card",{"id":86,"title":87,"slug":88},175,"Button","button",{"slug":36,"title":35,"logo":38,"categories":90},[],{"uuid":92,"title":93,"description":94,"canonical_path":29,"image":95,"width":62,"height":96,"image_alt":97,"kind":65,"patterns":98,"component_categories":101,"app":104},"30fc50f3-05df-4eed-ae00-c7edb77b3a87","Password reset","Password recovery screen where the user enters their email address to receive a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fheroic-labs_password-reset_3916afc5_nicelydone.jpg",1544,"Password reset from Heroic Labs",[99],{"id":68,"label":69,"slug":70,"rank":71,"group":100},{"id":73,"label":74,"slug":75},[102,103],{"id":82,"title":83,"slug":84},{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":105},[],{"uuid":107,"title":108,"description":109,"canonical_path":29,"image":110,"width":62,"height":111,"image_alt":112,"kind":65,"patterns":113,"component_categories":119,"app":123},"acd9f37a-b657-41da-be11-c470b8b7583e","Sign up","Signup page where the user can create a new account using Google, GitHub, or an email and password.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fheroic-labs_sign-up_9dfb9f49_nicelydone.jpg",1686,"Sign up from Heroic Labs",[114],{"id":115,"label":116,"slug":117,"rank":71,"group":118},5,"Sign Up","sign-up",{"id":73,"label":74,"slug":75},[120,121,122],{"id":78,"title":79,"slug":80},{"id":82,"title":83,"slug":84},{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":124},[],{"uuid":126,"title":108,"description":127,"canonical_path":29,"image":128,"width":62,"height":129,"image_alt":112,"kind":65,"patterns":130,"component_categories":145,"app":152},"6166fce0-44c2-4f7d-afd2-9f717c0c0290","Onboarding step where the user sets up their profile by adding an avatar, name, company, and country, with an option to subscribe to the newsletter.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fheroic-labs_sign-up-2_95e0358a_nicelydone.jpg",1752,[131,133,137],{"id":115,"label":116,"slug":117,"rank":71,"group":132},{"id":73,"label":74,"slug":75},{"id":73,"label":134,"slug":135,"rank":73,"group":136},"Account Setup","account-setup",{"id":73,"label":74,"slug":75},{"id":138,"label":139,"slug":140,"rank":68,"group":141},3,"Profile","profile",{"id":142,"label":143,"slug":144},11,"Social & Collaboration","social-and-collaboration",[146,147,151],{"id":78,"title":79,"slug":80},{"id":148,"title":149,"slug":150},169,"Avatar","avatar",{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":153},[],{"uuid":155,"title":156,"description":157,"canonical_path":29,"image":158,"width":62,"height":96,"image_alt":159,"kind":65,"patterns":160,"component_categories":176,"app":184},"fcda7e7c-3afe-455d-b7da-74ccf15a0e3c","Home","List view where the user manages their games, currently showing an empty state with a prompt to create a new game.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fheroic-labs_home_1206f759_nicelydone.jpg","Home from Heroic Labs",[161,169],{"id":162,"label":163,"slug":164,"rank":71,"group":165},115,"Empty State","empty-state",{"id":166,"label":167,"slug":168},12,"States & Feedback","states-and-feedback",{"id":170,"label":156,"slug":171,"rank":73,"group":172},81,"home",{"id":173,"label":174,"slug":175},8,"Pages & Content","pages-and-content",[177,181,182,183],{"id":178,"title":179,"slug":180},240,"Horizontal navigation","horizontal-navigation",{"id":82,"title":83,"slug":84},{"id":148,"title":149,"slug":150},{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":185},[],{"uuid":187,"title":188,"description":189,"canonical_path":29,"image":190,"width":62,"height":96,"image_alt":191,"kind":65,"patterns":192,"component_categories":203,"app":208},"5ef71e17-40a5-4bd9-816b-c1320f52f244","Dropdown","Dashboard empty state where the user is prompted to create their first game.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fheroic-labs_dropdown_09dc735d_nicelydone.jpg","Dropdown from Heroic Labs",[193,195],{"id":162,"label":163,"slug":164,"rank":71,"group":194},{"id":166,"label":167,"slug":168},{"id":196,"label":197,"slug":198,"rank":73,"group":199},41,"Dashboard","dashboard",{"id":200,"label":201,"slug":202},4,"Data & Analysis","data-and-analysis",[204,205,206,207],{"id":178,"title":179,"slug":180},{"id":82,"title":83,"slug":84},{"id":148,"title":149,"slug":150},{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":209},[],{"uuid":211,"title":212,"description":213,"canonical_path":29,"image":214,"width":62,"height":96,"image_alt":215,"kind":65,"patterns":216,"component_categories":231,"app":242},"852f875a-48b0-4803-8b87-61b14e1b41be","Create","Modal overlay where the user starts creating a new game by entering its name as the first step of a four-part wizard.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fheroic-labs_create_21c6a6bc_nicelydone.jpg","Create from Heroic Labs",[217,224],{"id":218,"label":219,"slug":220,"rank":71,"group":221},7,"Add & Create","add-and-create",{"id":68,"label":222,"slug":223},"Actions","actions",{"id":225,"label":226,"slug":227,"rank":73,"group":228},75,"Setup Wizard","setup-wizard",{"id":218,"label":229,"slug":230},"Onboarding & Education","onboarding-and-education",[232,236,240,241],{"id":233,"title":234,"slug":235},284,"Modal","modal",{"id":237,"title":238,"slug":239},227,"Stepper","stepper",{"id":178,"title":179,"slug":180},{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":243},[],{"uuid":245,"title":212,"description":246,"canonical_path":29,"image":247,"width":62,"height":96,"image_alt":215,"kind":65,"patterns":248,"component_categories":253,"app":259},"96cf5a25-0506-4dbc-9416-51c3cf01dafc","Create modal where the user configures a new game project by specifying the engine, genre, and release date in a multi-step wizard.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fheroic-labs_create-2_86836439_nicelydone.jpg",[249,251],{"id":225,"label":226,"slug":227,"rank":71,"group":250},{"id":218,"label":229,"slug":230},{"id":218,"label":219,"slug":220,"rank":73,"group":252},{"id":68,"label":222,"slug":223},[254,255,256,257,258],{"id":233,"title":234,"slug":235},{"id":237,"title":238,"slug":239},{"id":78,"title":79,"slug":80},{"id":148,"title":149,"slug":150},{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":260},[],{"uuid":262,"title":212,"description":263,"canonical_path":29,"image":264,"width":62,"height":96,"image_alt":215,"kind":65,"patterns":265,"component_categories":286,"app":292},"2b48d62c-c6fe-49f5-b879-750dfc0ac667","Game creation wizard on the third step where the user can invite team members by entering their email addresses or nicknames.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fheroic-labs_create-3_4518a312_nicelydone.jpg",[266,271,279,281],{"id":267,"label":268,"slug":269,"rank":71,"group":270},133,"Invite Teammates","invite-teammates",{"id":68,"label":222,"slug":223},{"id":272,"label":273,"slug":274,"rank":73,"group":275},104,"Team Management","team-management",{"id":276,"label":277,"slug":278},10,"Settings & Admin","settings-and-admin",{"id":225,"label":226,"slug":227,"rank":68,"group":280},{"id":218,"label":229,"slug":230},{"id":282,"label":283,"slug":284,"rank":138,"group":285},114,"Confirmation","confirmation",{"id":166,"label":167,"slug":168},[287,288,289,290,291],{"id":233,"title":234,"slug":235},{"id":237,"title":238,"slug":239},{"id":178,"title":179,"slug":180},{"id":148,"title":149,"slug":150},{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":293},[],{"uuid":295,"title":212,"description":296,"canonical_path":29,"image":297,"width":62,"height":96,"image_alt":215,"kind":65,"patterns":298,"component_categories":310,"app":315},"47f78feb-47ad-4dc4-abd3-c9bee76043cb","Creation modal where the user completes the new game setup by receiving their API key and starting the project.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fheroic-labs_create-4_91723b84_nicelydone.jpg",[299,301,306,308],{"id":225,"label":226,"slug":227,"rank":71,"group":300},{"id":218,"label":229,"slug":230},{"id":302,"label":303,"slug":304,"rank":73,"group":305},95,"API Keys","api-keys",{"id":276,"label":277,"slug":278},{"id":73,"label":134,"slug":135,"rank":68,"group":307},{"id":73,"label":74,"slug":75},{"id":282,"label":283,"slug":284,"rank":138,"group":309},{"id":166,"label":167,"slug":168},[311,312,313,314],{"id":233,"title":234,"slug":235},{"id":237,"title":238,"slug":239},{"id":178,"title":179,"slug":180},{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":316},[],{"uuid":318,"title":319,"description":320,"canonical_path":29,"image":321,"width":62,"height":96,"image_alt":322,"kind":65,"patterns":323,"component_categories":340,"app":346},"e5753fb6-b21e-4092-80c1-aa1145f7e00b","Settings","Settings page where the user configures game profile details, manages destructive actions, and generates server and API keys.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fheroic-labs_settings_60a7a44f_nicelydone.jpg","Settings from Heroic Labs",[324,326,330,335],{"id":302,"label":303,"slug":304,"rank":71,"group":325},{"id":276,"label":277,"slug":278},{"id":142,"label":327,"slug":328,"rank":73,"group":329},"Edit","edit",{"id":68,"label":222,"slug":223},{"id":331,"label":332,"slug":333,"rank":68,"group":334},9,"Delete","delete",{"id":68,"label":222,"slug":223},{"id":336,"label":337,"slug":338,"rank":138,"group":339},47,"Table","table",{"id":200,"label":201,"slug":202},[341,345],{"id":342,"title":343,"slug":344},277,"Button group","button-group",{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":347},[],{"uuid":349,"title":350,"description":351,"canonical_path":29,"image":352,"width":62,"height":96,"image_alt":353,"kind":65,"patterns":354,"component_categories":364,"app":367},"609c381d-fb74-49ab-8a1e-97e58be69430","Team","Settings page where the user invites new collaborators via email or nickname and manages existing team members.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fheroic-labs_team_de99dd9e_nicelydone.jpg","Team from Heroic Labs",[355,357,359],{"id":272,"label":273,"slug":274,"rank":71,"group":356},{"id":276,"label":277,"slug":278},{"id":267,"label":268,"slug":269,"rank":73,"group":358},{"id":68,"label":222,"slug":223},{"id":360,"label":361,"slug":362,"rank":68,"group":363},100,"Roles & Permissions","roles-and-permissions",{"id":276,"label":277,"slug":278},[365,366],{"id":148,"title":149,"slug":150},{"id":86,"title":87,"slug":88},{"slug":36,"title":35,"logo":38,"categories":368},[],{"family":370,"examples":371},"pages",[],[373,375,377,380,383,386,389],{"label":374,"to":29},"Heroic Labs product screens",{"label":376,"to":32},"Heroic Labs marketing pages",{"label":378,"to":379},"Heroic Labs user flows","\u002Fexamples\u002Fapps\u002Fheroic-labs\u002Fflows",{"label":381,"to":382},"Heroic Labs UI components","\u002Fexamples\u002Fapps\u002Fheroic-labs\u002Fcomponents",{"label":384,"to":385},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":387,"to":388},"Mobile Games app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmobile-games",{"label":390,"to":391},"Open Source app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fopen-source",{"published_at":393,"updated_at":394},"2016-07-22T08:00:00.000Z","2026-09-13T13:02:39.000Z"]