[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fraycast\u002Fscreens":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":40,"showcases":371,"links":372,"dates":427},"\u002Fexamples\u002Fapps\u002Fraycast\u002Fscreens","detail","screens",true,{"title":9,"description":10,"og_image":11},"Raycast product screens examples - Nicelydone","Browse Raycast screen design examples. Preview the interface screenshots and explore related UI patterns. Supercharged productivity","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1162c28e-7d2c-48e2-9d1d-cd83c5672759.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},"Raycast design examples","\u002Fexamples\u002Fapps\u002Fraycast",{"label":23,"to":4},"Raycast 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":34,"categories":35},"Raycast","raycast","Supercharged productivity","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fraycast-qcad4vip.png","https:\u002F\u002Fwww.raycast.com","raycastapp",[36],{"id":37,"title":38,"slug":39},30,"Productivity","productivity",[41,73,94,115,136,182,210,233,258,275,315,347],{"uuid":42,"title":29,"description":43,"canonical_path":4,"image":11,"width":44,"height":45,"image_alt":46,"kind":47,"patterns":48,"component_categories":58,"app":71},"1162c28e-7d2c-48e2-9d1d-cd83c5672759","Sign-in screen where the user authenticates via GitHub, Google, or by requesting a magic link to their email.",3024,2502,"Raycast from Raycast","screen",[49],{"id":50,"label":51,"slug":52,"rank":53,"group":54},4,"Sign In","sign-in",0,{"id":55,"label":56,"slug":57},1,"Access & Account","access-and-account",[59,63,67],{"id":60,"title":61,"slug":62},240,"Horizontal navigation","horizontal-navigation",{"id":64,"title":65,"slug":66},260,"Badge","badge",{"id":68,"title":69,"slug":70},175,"Button","button",{"slug":30,"title":29,"logo":32,"categories":72},[],{"uuid":74,"title":29,"description":75,"canonical_path":4,"image":76,"width":44,"height":77,"image_alt":46,"kind":47,"patterns":78,"component_categories":89,"app":92},"33ad109a-3fb9-4887-beeb-1662263976b3","Sign-in screen where the user authenticates with GitHub, Google, or by receiving a magic link via email.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F33ad109a-3fb9-4887-beeb-1662263976b3.png",1738,[79,81],{"id":50,"label":51,"slug":52,"rank":53,"group":80},{"id":55,"label":56,"slug":57},{"id":82,"label":83,"slug":84,"rank":55,"group":85},120,"Loading","loading",{"id":86,"label":87,"slug":88},12,"States & Feedback","states-and-feedback",[90,91],{"id":60,"title":61,"slug":62},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":93},[],{"uuid":95,"title":29,"description":96,"canonical_path":4,"image":97,"width":44,"height":77,"image_alt":46,"kind":47,"patterns":98,"component_categories":106,"app":113},"295a9cad-0699-4363-90a7-087defd77fad","Sign-in screen where the user attempts to authenticate via magic link but encounters a 'User not found' error for their entered email address.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F295a9cad-0699-4363-90a7-087defd77fad.png",[99,101],{"id":50,"label":51,"slug":52,"rank":53,"group":100},{"id":55,"label":56,"slug":57},{"id":102,"label":103,"slug":104,"rank":55,"group":105},116,"Error","error",{"id":86,"label":87,"slug":88},[107,111,112],{"id":108,"title":109,"slug":110},277,"Button group","button-group",{"id":60,"title":61,"slug":62},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":114},[],{"uuid":116,"title":29,"description":117,"canonical_path":4,"image":118,"width":44,"height":119,"image_alt":46,"kind":47,"patterns":120,"component_categories":126,"app":134},"cbad1d89-2709-46da-b64f-873b8dd7c451","Signup screen where the user can create an account using GitHub, Google, or an email and password, alongside a carousel highlighting product features.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcbad1d89-2709-46da-b64f-873b8dd7c451.png",2518,[121],{"id":122,"label":123,"slug":124,"rank":53,"group":125},5,"Sign Up","sign-up",{"id":55,"label":56,"slug":57},[127,131,132,133],{"id":128,"title":129,"slug":130},174,"Card","card",{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":135},[],{"uuid":137,"title":138,"description":139,"canonical_path":4,"image":140,"width":44,"height":141,"image_alt":142,"kind":47,"patterns":143,"component_categories":164,"app":180},"3f29fee9-f7c5-4bac-b8be-d4ce97d9fbf6","bertrand - Raycast Store","Public user profile page in a developer community, currently showing an empty state for published extensions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3f29fee9-f7c5-4bac-b8be-d4ce97d9fbf6.png",2934,"bertrand - Raycast Store from Raycast",[144,152,157],{"id":145,"label":146,"slug":147,"rank":53,"group":148},3,"Profile","profile",{"id":149,"label":150,"slug":151},11,"Social & Collaboration","social-and-collaboration",{"id":153,"label":154,"slug":155,"rank":55,"group":156},115,"Empty State","empty-state",{"id":86,"label":87,"slug":88},{"id":149,"label":158,"slug":159,"rank":160,"group":161},"Edit","edit",2,{"id":160,"label":162,"slug":163},"Actions","actions",[165,169,173,174,178,179],{"id":166,"title":167,"slug":168},258,"Header","header",{"id":170,"title":171,"slug":172},202,"Footer","footer",{"id":128,"title":129,"slug":130},{"id":175,"title":176,"slug":177},169,"Avatar","avatar",{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":181},[],{"uuid":183,"title":138,"description":184,"canonical_path":4,"image":185,"width":44,"height":186,"image_alt":142,"kind":47,"patterns":187,"component_categories":202,"app":208},"ea8fd694-7fa6-4224-a849-3d2681f5e187","Profile settings page where the user updates their personal details, social links, and views their published extensions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fea8fd694-7fa6-4224-a849-3d2681f5e187.png",3258,[188,190,192,200],{"id":145,"label":146,"slug":147,"rank":53,"group":189},{"id":149,"label":150,"slug":151},{"id":149,"label":158,"slug":159,"rank":55,"group":191},{"id":160,"label":162,"slug":163},{"id":193,"label":194,"slug":195,"rank":160,"group":196},97,"Integrations","integrations",{"id":197,"label":198,"slug":199},10,"Settings & Admin","settings-and-admin",{"id":153,"label":154,"slug":155,"rank":145,"group":201},{"id":86,"label":87,"slug":88},[203,204,205,206,207],{"id":128,"title":129,"slug":130},{"id":175,"title":176,"slug":177},{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":209},[],{"uuid":211,"title":138,"description":212,"canonical_path":4,"image":213,"width":44,"height":77,"image_alt":142,"kind":47,"patterns":214,"component_categories":226,"app":231},"660763c4-c059-402a-a721-98915fdcc8a4","Settings page where the user updates their public profile information, connects social accounts like Twitter and GitHub, and views their installed extensions.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F660763c4-c059-402a-a721-98915fdcc8a4.png",[215,217,219,221],{"id":145,"label":146,"slug":147,"rank":53,"group":216},{"id":149,"label":150,"slug":151},{"id":149,"label":158,"slug":159,"rank":55,"group":218},{"id":160,"label":162,"slug":163},{"id":193,"label":194,"slug":195,"rank":160,"group":220},{"id":197,"label":198,"slug":199},{"id":222,"label":223,"slug":224,"rank":145,"group":225},94,"Account Settings","account-settings",{"id":197,"label":198,"slug":199},[227,228,229,230],{"id":128,"title":129,"slug":130},{"id":175,"title":176,"slug":177},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":232},[],{"uuid":234,"title":235,"description":236,"canonical_path":4,"image":237,"width":44,"height":77,"image_alt":238,"kind":47,"patterns":239,"component_categories":255,"app":256},"2029c69a-a67c-4aa4-bfc4-8eee8a605b05","Raycast Store","Search overlay where the user can browse extensions, create a new one, or manage their account settings.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2029c69a-a67c-4aa4-bfc4-8eee8a605b05.png","Raycast Store from Raycast",[240,248,253],{"id":241,"label":242,"slug":243,"rank":53,"group":244},63,"Command Palette","command-palette",{"id":245,"label":246,"slug":247},6,"Navigation & Commands","navigation-and-commands",{"id":249,"label":250,"slug":251,"rank":55,"group":252},22,"Search","search",{"id":160,"label":162,"slug":163},{"id":222,"label":223,"slug":224,"rank":160,"group":254},{"id":197,"label":198,"slug":199},[],{"slug":30,"title":29,"logo":32,"categories":257},[],{"uuid":259,"title":235,"description":260,"canonical_path":4,"image":261,"width":44,"height":77,"image_alt":238,"kind":47,"patterns":262,"component_categories":272,"app":273},"591e0030-1a2a-43ed-9a8b-109db6b90995","Search overlay where the user types to find applications, commands, and extensions like GitHub Enterprise and GitLab.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F591e0030-1a2a-43ed-9a8b-109db6b90995.png",[263,265,270],{"id":241,"label":242,"slug":243,"rank":53,"group":264},{"id":245,"label":246,"slug":247},{"id":266,"label":267,"slug":268,"rank":55,"group":269},64,"Global Search","global-search",{"id":245,"label":246,"slug":247},{"id":249,"label":250,"slug":251,"rank":160,"group":271},{"id":160,"label":162,"slug":163},[],{"slug":30,"title":29,"logo":32,"categories":274},[],{"uuid":276,"title":277,"description":278,"canonical_path":4,"image":279,"width":44,"height":280,"image_alt":281,"kind":47,"patterns":282,"component_categories":303,"app":313},"7a1d7010-3fc1-4794-9a67-8fc66db9d931","iwfanquick-search - Raycast Store","Application download page for the Quick Search Raycast extension, detailing available commands, installation count, and providing an install action.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7a1d7010-3fc1-4794-9a67-8fc66db9d931.png",2912,"iwfanquick-search - Raycast Store from Raycast",[283,291,296,298],{"id":284,"label":285,"slug":286,"rank":53,"group":287},79,"Browse","browse",{"id":288,"label":289,"slug":290},8,"Pages & Content","pages-and-content",{"id":292,"label":293,"slug":294,"rank":55,"group":295},82,"Media Detail","media-detail",{"id":288,"label":289,"slug":290},{"id":249,"label":250,"slug":251,"rank":160,"group":297},{"id":160,"label":162,"slug":163},{"id":299,"label":300,"slug":301,"rank":145,"group":302},69,"Tabs","tabs",{"id":245,"label":246,"slug":247},[304,306,307,308,309,310,311,312],{"id":305,"title":300,"slug":301},233,{"id":166,"title":167,"slug":168},{"id":108,"title":109,"slug":110},{"id":170,"title":171,"slug":172},{"id":175,"title":176,"slug":177},{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":314},[],{"uuid":316,"title":317,"description":318,"canonical_path":4,"image":319,"width":44,"height":320,"image_alt":321,"kind":47,"patterns":322,"component_categories":336,"app":345},"ab466b71-3af4-41b2-ae42-d66a5a5b729c","khasbilegt1password - Raycast Store","Marketplace listing page for a Raycast extension where the user can view the version history, see contributors, and install the plugin.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fab466b71-3af4-41b2-ae42-d66a5a5b729c.png",3290,"khasbilegt1password - Raycast Store from Raycast",[323,325,327,329],{"id":284,"label":285,"slug":286,"rank":53,"group":324},{"id":288,"label":289,"slug":290},{"id":292,"label":293,"slug":294,"rank":55,"group":326},{"id":288,"label":289,"slug":290},{"id":299,"label":300,"slug":301,"rank":160,"group":328},{"id":245,"label":246,"slug":247},{"id":330,"label":331,"slug":332,"rank":145,"group":333},48,"Timeline","timeline",{"id":50,"label":334,"slug":335},"Data & Analysis","data-and-analysis",[337,338,339,340,341,342,343,344],{"id":305,"title":300,"slug":301},{"id":166,"title":167,"slug":168},{"id":108,"title":109,"slug":110},{"id":170,"title":171,"slug":172},{"id":175,"title":176,"slug":177},{"id":60,"title":61,"slug":62},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":346},[],{"uuid":348,"title":317,"description":349,"canonical_path":4,"image":350,"width":44,"height":77,"image_alt":321,"kind":47,"patterns":351,"component_categories":359,"app":369},"7e4938ae-b6e7-4c62-bf63-37544726efcd","Application download page for a Raycast extension featuring an active modal that generates an embeddable HTML install button.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7e4938ae-b6e7-4c62-bf63-37544726efcd.png",[352,354],{"id":292,"label":293,"slug":294,"rank":53,"group":353},{"id":288,"label":289,"slug":290},{"id":355,"label":356,"slug":357,"rank":55,"group":358},25,"Upload & Download","upload-and-download",{"id":160,"label":162,"slug":163},[360,364,365,366,367,368],{"id":361,"title":362,"slug":363},284,"Modal","modal",{"id":305,"title":300,"slug":301},{"id":108,"title":109,"slug":110},{"id":128,"title":129,"slug":130},{"id":64,"title":65,"slug":66},{"id":68,"title":69,"slug":70},{"slug":30,"title":29,"logo":32,"categories":370},[],[],[373,375,377,379,381,383,385,387,389,391,393,395,397,400,403,406,409,411,415,419,423],{"label":158,"to":374},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":293,"to":376},"\u002Fexamples\u002Fscreens\u002Fmedia-detail",{"label":146,"to":378},"\u002Fexamples\u002Fscreens\u002Fprofile",{"label":250,"to":380},"\u002Fexamples\u002Fscreens\u002Fsearch",{"label":51,"to":382},"\u002Fexamples\u002Fscreens\u002Fsign-in",{"label":223,"to":384},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":285,"to":386},"\u002Fexamples\u002Fscreens\u002Fbrowse",{"label":242,"to":388},"\u002Fexamples\u002Fscreens\u002Fcommand-palette",{"label":154,"to":390},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":194,"to":392},"\u002Fexamples\u002Fscreens\u002Fintegrations",{"label":300,"to":394},"\u002Fexamples\u002Fscreens\u002Ftabs",{"label":103,"to":396},"\u002Fexamples\u002Fscreens\u002Ferror",{"label":398,"to":399},"Raycast marketing pages","\u002Fexamples\u002Fapps\u002Fraycast\u002Fmarketing",{"label":401,"to":402},"Raycast user flows","\u002Fexamples\u002Fapps\u002Fraycast\u002Fflows",{"label":404,"to":405},"Raycast UI components","\u002Fexamples\u002Fapps\u002Fraycast\u002Fcomponents",{"label":407,"to":408},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":410,"to":18},"All SaaS app examples",{"label":412,"to":413,"description":414},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":416,"to":417,"description":418},"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":420,"to":421,"description":422},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":424,"to":425,"description":426},"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":428,"updated_at":429},"2022-07-21T08:09:05.000Z","2026-09-13T13:02:39.000Z"]