[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fradar\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":43,"showcases":390,"links":391,"dates":449},"\u002Fexamples\u002Fapps\u002Fradar\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Radar product screens examples - Nicelydone","Browse Radar screen design examples. Preview the interface screenshots and explore related UI patterns. Location data infrastructure","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fradar_sign-in_64501fd1_nicelydone.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},"Radar design examples","\u002Fexamples\u002Fapps\u002Fradar",{"label":23,"to":4},"Radar 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,"categories":34},"Radar","radar","Location data infrastructure","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fradar-458f7ba7.png","https:\u002F\u002Fradar.io",[35,39],{"id":36,"title":37,"slug":38},44,"Maps","maps",{"id":40,"title":41,"slug":42},37,"Developer APIs","developer-apis",[44,69,82,107,131,179,215,247,279,310,335,361],{"uuid":45,"title":46,"description":47,"canonical_path":4,"image":11,"width":48,"height":49,"image_alt":50,"kind":51,"patterns":52,"component_categories":62,"app":67},"e83d9863-fb8a-487f-8142-8f8994927cbd","Log In | Radar","Sign-in screen where the user authenticates with email and password or opts for single sign-on.",3072,1766,"Log In | Radar from Radar","screen",[53],{"id":54,"label":55,"slug":56,"rank":57,"group":58},2,"Forgot Password","forgot-password",0,{"id":59,"label":60,"slug":61},1,"Access & Account","access-and-account",[63],{"id":64,"title":65,"slug":66},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":68},[],{"uuid":70,"title":71,"description":72,"canonical_path":4,"image":73,"width":48,"height":49,"image_alt":74,"kind":51,"patterns":75,"component_categories":78,"app":80},"11247912-229d-4587-95b6-ff3402eacbbd","Reset Password | Radar","Password recovery screen where the user enters their email address to receive a reset link.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fradar_password-reset_32800a31_nicelydone.png","Reset Password | Radar from Radar",[76],{"id":54,"label":55,"slug":56,"rank":57,"group":77},{"id":59,"label":60,"slug":61},[79],{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":81},[],{"uuid":83,"title":84,"description":85,"canonical_path":4,"image":86,"width":87,"height":88,"image_alt":89,"kind":51,"patterns":90,"component_categories":103,"app":105},"22663c07-6011-4c30-9177-026684d5799a","Sign Up | Radar","Signup screen where the user creates a free Radar account by providing their email, name, and password, alongside a list of features and customer logos.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fradar_sign-up_4180ec10_nicelydone.png",3102,1846,"Sign Up | Radar from Radar",[91,96],{"id":92,"label":93,"slug":94,"rank":57,"group":95},5,"Sign Up","sign-up",{"id":59,"label":60,"slug":61},{"id":97,"label":98,"slug":99,"rank":59,"group":100},7,"Add & Create","add-and-create",{"id":54,"label":101,"slug":102},"Actions","actions",[104],{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":106},[],{"uuid":108,"title":109,"description":110,"canonical_path":4,"image":111,"width":48,"height":49,"image_alt":112,"kind":51,"patterns":113,"component_categories":127,"app":129},"d91574ec-8274-4d6e-8894-b450d68091f6","Confirm Email | Radar","Verification screen where the user is prompted to check their email for an activation link, with options to resend the email or contact support.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fradar_sign-up_0eb8c13f_nicelydone.png","Confirm Email | Radar from Radar",[114,119],{"id":115,"label":116,"slug":117,"rank":57,"group":118},6,"Verification","verification",{"id":59,"label":60,"slug":61},{"id":120,"label":121,"slug":122,"rank":59,"group":123},114,"Confirmation","confirmation",{"id":124,"label":125,"slug":126},12,"States & Feedback","states-and-feedback",[128],{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":130},[],{"uuid":132,"title":133,"description":134,"canonical_path":4,"image":135,"width":48,"height":136,"image_alt":137,"kind":51,"patterns":138,"component_categories":159,"app":177},"97383e41-1e86-4893-99ad-be4d68f8aac5","Get Started | Radar","Dashboard with a setup checklist where the user can copy their live and test API keys and explore geofencing, SDKs, and API integrations.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fradar_home-product-logged_onboarding_5b8ac62a_nicelydone.png",3510,"Get Started | Radar from Radar",[139,146,151],{"id":140,"label":141,"slug":142,"rank":57,"group":143},74,"Onboarding Checklist","onboarding-checklist",{"id":97,"label":144,"slug":145},"Onboarding & Education","onboarding-and-education",{"id":147,"label":148,"slug":149,"rank":59,"group":150},72,"Getting Started","getting-started",{"id":97,"label":144,"slug":145},{"id":152,"label":153,"slug":154,"rank":54,"group":155},95,"API Keys","api-keys",{"id":156,"label":157,"slug":158},10,"Settings & Admin","settings-and-admin",[160,164,168,172,176],{"id":161,"title":162,"slug":163},174,"Card","card",{"id":165,"title":166,"slug":167},260,"Badge","badge",{"id":169,"title":170,"slug":171},233,"Tabs","tabs",{"id":173,"title":174,"slug":175},240,"Horizontal navigation","horizontal-navigation",{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":178},[],{"uuid":180,"title":181,"description":182,"canonical_path":4,"image":183,"width":48,"height":184,"image_alt":185,"kind":51,"patterns":186,"component_categories":205,"app":213},"91e9a540-570c-47d3-b51b-6f3ff8c1062c","Usage | Radar","Dashboard showing usage metrics for users, events, and API requests over time, currently empty in the test environment.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fradar_dashboard_empty-state_8d665faf_nicelydone.png",2984,"Usage | Radar from Radar",[187,195,200],{"id":188,"label":189,"slug":190,"rank":57,"group":191},41,"Dashboard","dashboard",{"id":192,"label":193,"slug":194},4,"Data & Analysis","data-and-analysis",{"id":196,"label":197,"slug":198,"rank":59,"group":199},115,"Empty State","empty-state",{"id":124,"label":125,"slug":126},{"id":201,"label":202,"slug":203,"rank":54,"group":204},40,"Charts","charts",{"id":192,"label":193,"slug":194},[206,207,211,212],{"id":169,"title":170,"slug":171},{"id":208,"title":209,"slug":210},169,"Avatar","avatar",{"id":173,"title":174,"slug":175},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":214},[],{"uuid":216,"title":217,"description":218,"canonical_path":4,"image":219,"width":48,"height":49,"image_alt":220,"kind":51,"patterns":221,"component_categories":237,"app":245},"29bc2158-ea8d-4eb2-9448-3a4b7230a3d6","Users | Radar","List view where the user can view user locations on a map and manage user records in a data table, currently showing an empty state.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fradar_empty-state_maps_487cf7d8_nicelydone.png","Users | Radar from Radar",[222,230,232],{"id":223,"label":224,"slug":225,"rank":57,"group":226},79,"Browse","browse",{"id":227,"label":228,"slug":229},8,"Pages & Content","pages-and-content",{"id":196,"label":197,"slug":198,"rank":59,"group":231},{"id":124,"label":125,"slug":126},{"id":233,"label":234,"slug":235,"rank":54,"group":236},13,"Filter & Sort","filter-and-sort",{"id":54,"label":101,"slug":102},[238,242,243,244],{"id":239,"title":240,"slug":241},277,"Button group","button-group",{"id":208,"title":209,"slug":210},{"id":173,"title":174,"slug":175},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":246},[],{"uuid":248,"title":249,"description":250,"canonical_path":4,"image":251,"width":48,"height":252,"image_alt":253,"kind":51,"patterns":254,"component_categories":273,"app":277},"7221104d-dbec-4ea5-bc8b-fb6c6dde163c","Billing | Radar","Billing settings page where the user views their current free Developer plan, compares upgrade options like Team and Enterprise, and monitors their usage limits for tracked users, API requests, and geofences.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fradar_billing_f57cd2ec_nicelydone.png",2814,"Billing | Radar from Radar",[255,260,268],{"id":256,"label":257,"slug":258,"rank":57,"group":259},96,"Billing Settings","billing-settings",{"id":156,"label":157,"slug":158},{"id":261,"label":262,"slug":263,"rank":59,"group":264},89,"Pricing","pricing",{"id":265,"label":266,"slug":267},9,"Plans & Limits","plans-and-limits",{"id":269,"label":270,"slug":271,"rank":54,"group":272},93,"Usage Limit","usage-limit",{"id":265,"label":266,"slug":267},[274,275,276],{"id":208,"title":209,"slug":210},{"id":173,"title":174,"slug":175},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":278},[],{"uuid":280,"title":249,"description":281,"canonical_path":4,"image":282,"width":48,"height":283,"image_alt":253,"kind":51,"patterns":284,"component_categories":300,"app":308},"f34cc888-8751-4c6c-9ad7-d5aa790e3483","Billing settings page where the user is presented with a checkout modal to upgrade to the Team plan, requiring credit card details.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fradar_checkout_billing_a04c9a73_nicelydone.png",1534,[285,293,295],{"id":286,"label":287,"slug":288,"rank":57,"group":289},130,"Checkout","checkout",{"id":290,"label":291,"slug":292},14,"Payments & Checkout","payments-and-checkout",{"id":261,"label":262,"slug":263,"rank":59,"group":294},{"id":265,"label":266,"slug":267},{"id":296,"label":297,"slug":298,"rank":54,"group":299},131,"Payment Form","payment-form",{"id":290,"label":291,"slug":292},[301,305,306,307],{"id":302,"title":303,"slug":304},284,"Modal","modal",{"id":208,"title":209,"slug":210},{"id":173,"title":174,"slug":175},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":309},[],{"uuid":311,"title":312,"description":313,"canonical_path":4,"image":314,"width":48,"height":315,"image_alt":316,"kind":51,"patterns":317,"component_categories":325,"app":333},"cec192f9-5b2d-4cf8-a91f-ca7af8be83b0","Settings | Radar","Settings page where the user configures project details, geofence event types, trip thresholds, and manages API keys.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fradar_settings_d551b824_nicelydone.png",3466,"Settings | Radar from Radar",[318,320],{"id":152,"label":153,"slug":154,"rank":57,"group":319},{"id":156,"label":157,"slug":158},{"id":321,"label":322,"slug":323,"rank":59,"group":324},104,"Team Management","team-management",{"id":156,"label":157,"slug":158},[326,330,331,332],{"id":327,"title":328,"slug":329},257,"Input number","input-number",{"id":169,"title":170,"slug":171},{"id":173,"title":174,"slug":175},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":334},[],{"uuid":336,"title":337,"description":338,"canonical_path":4,"image":339,"width":48,"height":49,"image_alt":340,"kind":51,"patterns":341,"component_categories":354,"app":359},"d98493b3-f41f-45c5-a055-453084134210","Events | Radar","List view showing an empty state for events, with options to toggle between test and live environments, switch to a chart view, and apply filters.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fradar_empty-state_09316e74_nicelydone.png","Events | Radar from Radar",[342,344,346,351],{"id":196,"label":197,"slug":198,"rank":57,"group":343},{"id":124,"label":125,"slug":126},{"id":233,"label":234,"slug":235,"rank":59,"group":345},{"id":54,"label":101,"slug":102},{"id":347,"label":348,"slug":349,"rank":54,"group":350},47,"Table","table",{"id":192,"label":193,"slug":194},{"id":188,"label":189,"slug":190,"rank":352,"group":353},3,{"id":192,"label":193,"slug":194},[355,356,357,358],{"id":239,"title":240,"slug":241},{"id":208,"title":209,"slug":210},{"id":173,"title":174,"slug":175},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":360},[],{"uuid":362,"title":363,"description":364,"canonical_path":4,"image":365,"width":48,"height":366,"image_alt":367,"kind":51,"patterns":368,"component_categories":384,"app":388},"e15f3d4b-347a-4218-b9ad-471427c6db60","Integrations | Radar","Settings page where the user configures webhooks and views a list of available third-party integrations that require a plan upgrade.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fradar_integrations_empty-state_11db21e5_nicelydone.png",4792,"Integrations | Radar from Radar",[369,374,379],{"id":370,"label":371,"slug":372,"rank":57,"group":373},97,"Integrations","integrations",{"id":156,"label":157,"slug":158},{"id":375,"label":376,"slug":377,"rank":59,"group":378},92,"Upgrade Prompt","upgrade-prompt",{"id":265,"label":266,"slug":267},{"id":380,"label":381,"slug":382,"rank":54,"group":383},102,"Settings","settings",{"id":156,"label":157,"slug":158},[385,386,387],{"id":208,"title":209,"slug":210},{"id":173,"title":174,"slug":175},{"id":64,"title":65,"slug":66},{"slug":30,"title":29,"logo":32,"categories":389},[],[],[392,394,396,398,400,402,404,406,408,410,412,414,416,419,422,425,428,431,433,437,441,445],{"label":197,"to":393},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":153,"to":395},"\u002Fexamples\u002Fscreens\u002Fapi-keys",{"label":189,"to":397},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":234,"to":399},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":55,"to":401},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":262,"to":403},"\u002Fexamples\u002Fscreens\u002Fpricing",{"label":98,"to":405},"\u002Fexamples\u002Fscreens\u002Fadd-and-create",{"label":257,"to":407},"\u002Fexamples\u002Fscreens\u002Fbilling-settings",{"label":224,"to":409},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":202,"to":411},"\u002Fexamples\u002Fscreens\u002Fcharts",{"label":287,"to":413},"\u002Fexamples\u002Fscreens\u002Fcheckout",{"label":121,"to":415},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":417,"to":418},"Radar marketing pages","\u002Fexamples\u002Fapps\u002Fradar\u002Fmarketing",{"label":420,"to":421},"Radar user flows","\u002Fexamples\u002Fapps\u002Fradar\u002Fflows",{"label":423,"to":424},"Radar UI components","\u002Fexamples\u002Fapps\u002Fradar\u002Fcomponents",{"label":426,"to":427},"Maps app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmaps",{"label":429,"to":430},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":432,"to":18},"All SaaS app examples",{"label":434,"to":435,"description":436},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":438,"to":439,"description":440},"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":442,"to":443,"description":444},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":446,"to":447,"description":448},"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":450,"updated_at":451},"2021-01-13T13:10:00.000Z","2026-09-13T13:02:39.000Z"]