[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fhendrix\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":347,"links":348,"dates":406},"\u002Fexamples\u002Fapps\u002Fhendrix\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Hendrix product screens examples - Nicelydone","Browse Hendrix screen design examples. Preview the interface screenshots and explore related UI patterns. Where Musicians Meet","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fhendrix_sign-in_a781ab97_nicelydone.jpg",[13,16,19,22],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS app design examples","\u002Fexamples\u002Fapps",{"label":20,"to":21},"Hendrix design examples","\u002Fexamples\u002Fapps\u002Fhendrix",{"label":23,"to":4},"Hendrix 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},"Hendrix","hendrix","Where Musicians Meet","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fhendrix-88500ac0.png","https:\u002F\u002Fwww.gohendrix.com",[35,39],{"id":36,"title":37,"slug":38},20,"Music","music",{"id":40,"title":41,"slug":42},49,"Social Network","social-network",[44,77,96,115,155,172,189,219,249,279,297,320],{"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":75},"8ea35876-aefb-41da-81bc-c11bbe40b3ee","Sign in","Sign-in screen where the user authenticates via Facebook or email and password, with an option to create a new account.",2880,2482,"Sign in from Hendrix","screen",[53],{"id":54,"label":55,"slug":56,"rank":57,"group":58},4,"Sign In","sign-in",0,{"id":59,"label":60,"slug":61},1,"Access & Account","access-and-account",[63,67,71],{"id":64,"title":65,"slug":66},169,"Avatar","avatar",{"id":68,"title":69,"slug":70},175,"Button","button",{"id":72,"title":73,"slug":74},240,"Horizontal navigation","horizontal-navigation",{"slug":30,"title":29,"logo":32,"categories":76},[],{"uuid":78,"title":79,"description":80,"canonical_path":4,"image":81,"width":48,"height":82,"image_alt":83,"kind":51,"patterns":84,"component_categories":90,"app":94},"6ba25c20-146a-4a3a-bffe-bfa321ecccf4","Password reset","Password recovery screen where the user enters their email address to receive reset instructions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fhendrix_password-reset_48a39df0_nicelydone.jpg",1708,"Password reset from Hendrix",[85],{"id":86,"label":87,"slug":88,"rank":57,"group":89},2,"Forgot Password","forgot-password",{"id":59,"label":60,"slug":61},[91,92,93],{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":95},[],{"uuid":97,"title":98,"description":99,"canonical_path":4,"image":100,"width":48,"height":101,"image_alt":102,"kind":51,"patterns":103,"component_categories":109,"app":113},"b14fa22e-f75c-4ac7-9931-4c1b4cc7d39a","Sign up","Signup screen where the user creates an account using Facebook or an email and password form.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fhendrix_sign-up_94958f2a_nicelydone.jpg",3108,"Sign up from Hendrix",[104],{"id":105,"label":106,"slug":107,"rank":57,"group":108},5,"Sign Up","sign-up",{"id":59,"label":60,"slug":61},[110,111,112],{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":114},[],{"uuid":116,"title":117,"description":118,"canonical_path":4,"image":119,"width":48,"height":120,"image_alt":121,"kind":51,"patterns":122,"component_categories":145,"app":153},"eac713e9-bcba-444f-abab-cab287eff937","Onboarding","Onboarding step where a newly signed-up user creates their profile by providing a name, type, zipcode, and avatar image.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fhendrix_onboarding_78ef8d12_nicelydone.jpg",2780,"Onboarding from Hendrix",[123,131,139],{"id":124,"label":125,"slug":126,"rank":57,"group":127},74,"Onboarding Checklist","onboarding-checklist",{"id":128,"label":129,"slug":130},7,"Onboarding & Education","onboarding-and-education",{"id":132,"label":133,"slug":134,"rank":59,"group":135},3,"Profile","profile",{"id":136,"label":137,"slug":138},11,"Social & Collaboration","social-and-collaboration",{"id":136,"label":140,"slug":141,"rank":86,"group":142},"Edit","edit",{"id":86,"label":143,"slug":144},"Actions","actions",[146,150,151,152],{"id":147,"title":148,"slug":149},227,"Stepper","stepper",{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":154},[],{"uuid":156,"title":117,"description":157,"canonical_path":4,"image":158,"width":48,"height":159,"image_alt":121,"kind":51,"patterns":160,"component_categories":165,"app":170},"9b05947b-2c06-4d3a-889b-e6653248bd22","Onboarding step where the user writes a bio, selects their musical genres and instruments, and toggles their availability for collaboration.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fhendrix_onboarding-2_7bd34f06_nicelydone.jpg",3090,[161,163],{"id":132,"label":133,"slug":134,"rank":57,"group":162},{"id":136,"label":137,"slug":138},{"id":136,"label":140,"slug":141,"rank":59,"group":164},{"id":86,"label":143,"slug":144},[166,167,168,169],{"id":147,"title":148,"slug":149},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":171},[],{"uuid":173,"title":117,"description":174,"canonical_path":4,"image":175,"width":48,"height":176,"image_alt":121,"kind":51,"patterns":177,"component_categories":182,"app":187},"1b353e4c-e651-4dfb-adfa-93e88a45bae9","Onboarding step where the user connects their online presence by entering usernames and URLs for various social media platforms.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fhendrix_onboarding-3_d3332e0b_nicelydone.jpg",2580,[178,180],{"id":132,"label":133,"slug":134,"rank":57,"group":179},{"id":136,"label":137,"slug":138},{"id":136,"label":140,"slug":141,"rank":59,"group":181},{"id":86,"label":143,"slug":144},[183,184,185,186],{"id":147,"title":148,"slug":149},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":188},[],{"uuid":190,"title":191,"description":192,"canonical_path":4,"image":193,"width":48,"height":194,"image_alt":195,"kind":51,"patterns":196,"component_categories":209,"app":217},"ab80c130-0368-42c1-9a32-cfa08b442fec","Notification","User profile page where a producer can view their status, location, follower stats, and a success confirmation that their profile is live.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fhendrix_notification_cb6d9189_nicelydone.jpg",1520,"Notification from Hendrix",[197,199,207],{"id":132,"label":133,"slug":134,"rank":57,"group":198},{"id":136,"label":137,"slug":138},{"id":200,"label":201,"slug":202,"rank":59,"group":203},122,"Success","success",{"id":204,"label":205,"slug":206},12,"States & Feedback","states-and-feedback",{"id":136,"label":140,"slug":141,"rank":86,"group":208},{"id":86,"label":143,"slug":144},[210,214,215,216],{"id":211,"title":212,"slug":213},233,"Tabs","tabs",{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":218},[],{"uuid":220,"title":221,"description":222,"canonical_path":4,"image":223,"width":48,"height":224,"image_alt":225,"kind":51,"patterns":226,"component_categories":240,"app":247},"6252a75e-9b8f-4769-9e12-2b7b4227da35","Browse musicians","Directory page where the user browses a grid of member profiles and can filter by location, genre, and instruments.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fhendrix_browse-musicians_caac00a5_nicelydone.jpg",5508,"Browse musicians from Hendrix",[227,235],{"id":228,"label":229,"slug":230,"rank":57,"group":231},79,"Browse","browse",{"id":232,"label":233,"slug":234},8,"Pages & Content","pages-and-content",{"id":236,"label":237,"slug":238,"rank":59,"group":239},13,"Filter & Sort","filter-and-sort",{"id":86,"label":143,"slug":144},[241,245,246],{"id":242,"title":243,"slug":244},174,"Card","card",{"id":64,"title":65,"slug":66},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":248},[],{"uuid":250,"title":133,"description":251,"canonical_path":4,"image":252,"width":48,"height":253,"image_alt":254,"kind":51,"patterns":255,"component_categories":268,"app":277},"cb1ccae7-aa7f-4a7e-9dea-cd07a4162ce2","Detail page where a user's profile displays their bio, photo, musical genres, instruments, and actions to follow or send a message.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fhendrix_profile_2eba480d_nicelydone.jpg",3492,"Profile from Hendrix",[256,258,263],{"id":132,"label":133,"slug":134,"rank":57,"group":257},{"id":136,"label":137,"slug":138},{"id":259,"label":260,"slug":261,"rank":59,"group":262},14,"Follow","follow",{"id":86,"label":143,"slug":144},{"id":264,"label":265,"slug":266,"rank":86,"group":267},24,"Share","share",{"id":86,"label":143,"slug":144},[269,273,274,275,276],{"id":270,"title":271,"slug":272},260,"Badge","badge",{"id":211,"title":212,"slug":213},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":278},[],{"uuid":280,"title":281,"description":282,"canonical_path":4,"image":283,"width":48,"height":284,"image_alt":285,"kind":51,"patterns":286,"component_categories":292,"app":295},"d5ad3d9d-b748-486a-a8de-2389e59e8852","Send message","Compose screen where the user writes a new direct message to a specific recipient.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fhendrix_send-message_3d012130_nicelydone.jpg",1960,"Send message from Hendrix",[287],{"id":288,"label":289,"slug":290,"rank":57,"group":291},109,"Messages","messages",{"id":136,"label":137,"slug":138},[293,294],{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":296},[],{"uuid":298,"title":299,"description":300,"canonical_path":4,"image":301,"width":48,"height":302,"image_alt":303,"kind":51,"patterns":304,"component_categories":314,"app":318},"c935b9e9-5dfd-44d8-a211-696ca93f592a","Empty state","Inbox page where the user sees an empty state illustration and a prompt to browse profiles to start messaging.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fhendrix_empty-state_30d2c557_nicelydone.jpg",2656,"Empty state from Hendrix",[305,310,312],{"id":306,"label":307,"slug":308,"rank":57,"group":309},115,"Empty State","empty-state",{"id":204,"label":205,"slug":206},{"id":288,"label":289,"slug":290,"rank":59,"group":311},{"id":136,"label":137,"slug":138},{"id":228,"label":229,"slug":230,"rank":86,"group":313},{"id":232,"label":233,"slug":234},[315,316,317],{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":319},[],{"uuid":321,"title":265,"description":322,"canonical_path":4,"image":323,"width":48,"height":194,"image_alt":324,"kind":51,"patterns":325,"component_categories":335,"app":345},"65008d35-00d9-4945-9c9c-7450d8409e86","Profile page where the user has opened a modal to share the profile to Facebook or Twitter.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fhendrix_share_e6315c3a_nicelydone.jpg","Share from Hendrix",[326,328,330],{"id":132,"label":133,"slug":134,"rank":57,"group":327},{"id":136,"label":137,"slug":138},{"id":264,"label":265,"slug":266,"rank":59,"group":329},{"id":86,"label":143,"slug":144},{"id":331,"label":332,"slug":333,"rank":86,"group":334},82,"Media Detail","media-detail",{"id":232,"label":233,"slug":234},[336,340,341,342,343,344],{"id":337,"title":338,"slug":339},284,"Modal","modal",{"id":242,"title":243,"slug":244},{"id":211,"title":212,"slug":213},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"id":72,"title":73,"slug":74},{"slug":30,"title":29,"logo":32,"categories":346},[],[],[349,351,353,355,357,359,361,363,365,367,369,371,373,376,379,382,385,388,390,394,398,402],{"label":133,"to":350},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":140,"to":352},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":229,"to":354},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":289,"to":356},"\u002Fexamples\u002Fscreens\u002Fmessages",{"label":265,"to":358},"\u002Fexamples\u002Fscreens\u002Fshare",{"label":307,"to":360},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":237,"to":362},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":260,"to":364},"\u002Fexamples\u002Fscreens\u002Ffollow",{"label":87,"to":366},"\u002Fexamples\u002Fscreens\u002Fforgot-password",{"label":332,"to":368},"\u002Fexamples\u002Fscreens\u002Fmedia-detail",{"label":125,"to":370},"\u002Fexamples\u002Fscreens\u002Fonboarding-checklist",{"label":55,"to":372},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":374,"to":375},"Hendrix marketing pages","\u002Fexamples\u002Fapps\u002Fhendrix\u002Fmarketing",{"label":377,"to":378},"Hendrix user flows","\u002Fexamples\u002Fapps\u002Fhendrix\u002Fflows",{"label":380,"to":381},"Hendrix UI components","\u002Fexamples\u002Fapps\u002Fhendrix\u002Fcomponents",{"label":383,"to":384},"Music app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmusic",{"label":386,"to":387},"Social Network app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsocial-network",{"label":389,"to":18},"All SaaS app examples",{"label":391,"to":392,"description":393},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":395,"to":396,"description":397},"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":399,"to":400,"description":401},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":403,"to":404,"description":405},"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":407,"updated_at":408},"2017-05-21T21:10:00.000Z","2026-09-13T13:02:39.000Z"]