[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Foption-menu":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"totals":8,"category":11,"seo":15,"breadcrumbs":19,"content":28,"examples":33,"showcases":536,"links":537,"dates":598},"\u002Fexamples\u002Ftags\u002Foption-menu","collection","screens",true,{"example_count":9,"app_count":10},925,150,{"id":12,"title":13,"description":14},58390,"Option menu","",{"title":16,"description":17,"og_image":18},"Option menu screen examples - Nicelydone","Option menu screen design examples from SaaS apps. Browse examples from Evervault, Notion Mail, Record club.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7aab5b50-0c30-4c65-a079-c385a557379b.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Option menu screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"925 screens",[34,111,165,207,255,298,328,365,397,432,456,491],{"uuid":35,"title":36,"description":37,"canonical_path":38,"image":18,"width":39,"height":40,"image_alt":41,"published_at":42,"kind":43,"patterns":44,"component_categories":69,"app":90},"7aab5b50-0c30-4c65-a079-c385a557379b","Evervault","Data policies page where the user manages data roles for their staging environment, with options to create, edit, or archive specific policies.","\u002Fexamples\u002Fapps\u002Fevervault\u002Fscreens",3024,1780,"Evervault from Evervault","2025-04-29T08:32:29.000Z","screen",[45,54,63],{"id":46,"label":47,"slug":48,"rank":49,"group":50},100,"Roles & Permissions","roles-and-permissions",0,{"id":51,"label":52,"slug":53},10,"Settings & Admin","settings-and-admin",{"id":55,"label":56,"slug":57,"rank":58,"group":59},47,"Table","table",1,{"id":60,"label":61,"slug":62},4,"Data & Analysis","data-and-analysis",{"id":64,"label":65,"slug":66,"rank":67,"group":68},102,"Settings","settings",2,{"id":51,"label":52,"slug":53},[70,74,78,82,86],{"id":71,"title":72,"slug":73},233,"Tabs","tabs",{"id":75,"title":76,"slug":77},240,"Horizontal navigation","horizontal-navigation",{"id":79,"title":80,"slug":81},260,"Badge","badge",{"id":83,"title":84,"slug":85},169,"Avatar","avatar",{"id":87,"title":88,"slug":89},175,"Button","button",{"slug":91,"title":36,"logo":92,"baseline":93,"categories":94},"evervault","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fevervault-uzcb9ksa.png","Security toolkit for developers",[95,99,103,107],{"id":96,"title":97,"slug":98},48,"Developer Tools","developer-tools",{"id":100,"title":101,"slug":102},37,"Developer APIs","developer-apis",{"id":104,"title":105,"slug":106},39,"Payments","payments",{"id":108,"title":109,"slug":110},78,"Security","security",{"uuid":112,"title":113,"description":114,"canonical_path":115,"image":116,"width":39,"height":117,"image_alt":118,"published_at":119,"kind":43,"patterns":120,"component_categories":140,"app":151},"b72812e5-576e-4257-9f6a-5d55990afff7","99+ • Inbox • nicelydoneproducts@gmail.com • Notion Mail","Email inbox where the user is viewing a specific message in a modal and has opened a dropdown to assign it a category like Forums, Promotions, or Social.","\u002Fexamples\u002Fapps\u002Fnotion-mail\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb72812e5-576e-4257-9f6a-5d55990afff7.png",1714,"99+ • Inbox • nicelydoneproducts@gmail.com • Notion Mail from Notion Mail","2025-04-21T10:48:03.000Z",[121,129,135],{"id":122,"label":123,"slug":124,"rank":49,"group":125},109,"Messages","messages",{"id":126,"label":127,"slug":128},11,"Social & Collaboration","social-and-collaboration",{"id":126,"label":130,"slug":131,"rank":58,"group":132},"Edit","edit",{"id":67,"label":133,"slug":134},"Actions","actions",{"id":136,"label":137,"slug":138,"rank":67,"group":139},13,"Filter & Sort","filter-and-sort",{"id":67,"label":133,"slug":134},[141,145,149,150],{"id":142,"title":143,"slug":144},277,"Button group","button-group",{"id":146,"title":147,"slug":148},284,"Modal","modal",{"id":79,"title":80,"slug":81},{"id":87,"title":88,"slug":89},{"slug":152,"title":153,"logo":154,"baseline":155,"categories":156},"notion-mail","Notion Mail","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fnotion-mail-6kbmdt89.png","The inbox that thinks like you",[157,161],{"id":158,"title":159,"slug":160},92,"Email","email",{"id":162,"title":163,"slug":164},80,"Artificial Intelligence","artificial-intelligence",{"uuid":166,"title":167,"description":168,"canonical_path":169,"image":170,"width":39,"height":117,"image_alt":171,"published_at":172,"kind":43,"patterns":173,"component_categories":182,"app":193},"c5e9050f-0b86-453b-acef-bf1b52b6f615","Reviews – Record Club","Community page showing a skeleton loading state for a feed of reviews, with a segmented control to toggle between everyone and following.","\u002Fexamples\u002Fapps\u002Frecord-club\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc5e9050f-0b86-453b-acef-bf1b52b6f615.png","Reviews – Record Club from Record club","2025-04-21T10:47:50.000Z",[174],{"id":175,"label":176,"slug":177,"rank":49,"group":178},164,"Community Page","community-page",{"id":179,"label":180,"slug":181},15,"Marketing Page Types","marketing-page-types",[183,187,191,192],{"id":184,"title":185,"slug":186},258,"Header","header",{"id":188,"title":189,"slug":190},226,"Skeleton","skeleton",{"id":71,"title":72,"slug":73},{"id":87,"title":88,"slug":89},{"slug":194,"title":195,"logo":196,"baseline":197,"categories":198},"record-club","Record club","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdc3f1497-07c4-42cf-974d-960c02cbeaa9.png","A new fun way to discover and share music with friends",[199,203],{"id":200,"title":201,"slug":202},20,"Music","music",{"id":204,"title":205,"slug":206},14,"Social","social",{"uuid":208,"title":209,"description":210,"canonical_path":211,"image":212,"width":39,"height":40,"image_alt":213,"published_at":214,"kind":43,"patterns":215,"component_categories":239,"app":246},"64d797ca-f123-4374-98e8-c2e1e7e4cb0a","Sora","Detail page for an AI-generated image grid where the user can remix the prompt, create a video variation, or organize the asset into folders.","\u002Fexamples\u002Fapps\u002Fsora\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F64d797ca-f123-4374-98e8-c2e1e7e4cb0a.png","Sora from Sora","2025-04-14T09:27:56.000Z",[216,224,232,234],{"id":217,"label":218,"slug":219,"rank":49,"group":220},82,"Media Detail","media-detail",{"id":221,"label":222,"slug":223},8,"Pages & Content","pages-and-content",{"id":225,"label":226,"slug":227,"rank":58,"group":228},30,"AI Generation","ai-generation",{"id":229,"label":230,"slug":231},3,"AI","ai",{"id":126,"label":130,"slug":131,"rank":67,"group":233},{"id":67,"label":133,"slug":134},{"id":235,"label":236,"slug":237,"rank":229,"group":238},25,"Upload & Download","upload-and-download",{"id":67,"label":133,"slug":134},[240,244,245],{"id":241,"title":242,"slug":243},177,"Breadcrumb","breadcrumb",{"id":83,"title":84,"slug":85},{"id":87,"title":88,"slug":89},{"slug":247,"title":209,"logo":248,"baseline":249,"categories":250},"sora","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsora-2oq6gygg.png","Bring your imagination to life with text, image, or video",[251,252],{"id":162,"title":163,"slug":164},{"id":46,"title":253,"slug":254},"Video","video",{"uuid":256,"title":257,"description":258,"canonical_path":259,"image":260,"width":39,"height":117,"image_alt":261,"published_at":262,"kind":43,"patterns":263,"component_categories":287,"app":291},"c51d1cc6-cc3f-448e-a241-f335cf318c69","Fintech Web App Login Interface Design - Grok","AI chat interface where the user views a generated UI design specification and a toast confirming a copied link, with an active composer for follow-up prompts.","\u002Fexamples\u002Fapps\u002Fgrok\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc51d1cc6-cc3f-448e-a241-f335cf318c69.png","Fintech Web App Login Interface Design - Grok from Grok","2025-04-14T08:55:44.000Z",[264,269,274,279],{"id":265,"label":266,"slug":267,"rank":49,"group":268},28,"AI Chat","ai-chat",{"id":229,"label":230,"slug":231},{"id":270,"label":271,"slug":272,"rank":58,"group":273},27,"AI Assistant","ai-assistant",{"id":229,"label":230,"slug":231},{"id":275,"label":276,"slug":277,"rank":67,"group":278},36,"Model Selection","model-selection",{"id":229,"label":230,"slug":231},{"id":280,"label":281,"slug":282,"rank":229,"group":283},114,"Confirmation","confirmation",{"id":284,"label":285,"slug":286},12,"States & Feedback","states-and-feedback",[288,289,290],{"id":75,"title":76,"slug":77},{"id":83,"title":84,"slug":85},{"id":87,"title":88,"slug":89},{"slug":292,"title":293,"logo":294,"baseline":295,"categories":296},"grok","Grok","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fgrok-hpyfsu57.png",null,[297],{"id":162,"title":163,"slug":164},{"uuid":299,"title":300,"description":301,"canonical_path":302,"image":303,"width":39,"height":304,"image_alt":305,"published_at":306,"kind":43,"patterns":307,"component_categories":312,"app":314},"90a2c794-e98d-4639-b7e8-cb39b91e52a1","Create a Test Account | Bitly Developer","Developer documentation tutorial explaining how to create a test account and group to generate an access token without cluttering production data.","\u002Fexamples\u002Fapps\u002Fbitly\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F90a2c794-e98d-4639-b7e8-cb39b91e52a1.png",1874,"Create a Test Account | Bitly Developer from Bitly","2025-03-31T12:38:36.000Z",[308],{"id":241,"label":309,"slug":310,"rank":49,"group":311},"Developer Portal","developer-portal",{"id":179,"label":180,"slug":181},[313],{"id":87,"title":88,"slug":89},{"slug":315,"title":316,"logo":317,"baseline":318,"categories":319},"bitly","Bitly","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fbitly-b2404792.png","Build stronger digital connections",[320,321,324],{"id":204,"title":205,"slug":206},{"id":235,"title":322,"slug":323},"Marketing","marketing",{"id":325,"title":326,"slug":327},46,"Analytics","analytics",{"uuid":329,"title":330,"description":331,"canonical_path":332,"image":333,"width":39,"height":334,"image_alt":335,"published_at":336,"kind":43,"patterns":337,"component_categories":350,"app":355},"ba960609-a8a0-4cd9-bc5a-ffbb77e2afce","Inbox › Miguel Rodriguez","Settings modal where the user manages workspace members, invites new users by email, and assigns roles like Editor or Owner.","\u002Fexamples\u002Fapps\u002Flemni\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fba960609-a8a0-4cd9-bc5a-ffbb77e2afce.png",1778,"Inbox › Miguel Rodriguez from Lemni","2025-03-24T15:32:17.000Z",[338,343,348],{"id":339,"label":340,"slug":341,"rank":49,"group":342},133,"Invite Teammates","invite-teammates",{"id":67,"label":133,"slug":134},{"id":344,"label":345,"slug":346,"rank":58,"group":347},104,"Team Management","team-management",{"id":51,"label":52,"slug":53},{"id":46,"label":47,"slug":48,"rank":67,"group":349},{"id":51,"label":52,"slug":53},[351,352,353,354],{"id":146,"title":147,"slug":148},{"id":79,"title":80,"slug":81},{"id":83,"title":84,"slug":85},{"id":87,"title":88,"slug":89},{"slug":356,"title":357,"logo":358,"baseline":359,"categories":360},"lemni","Lemni","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Flemni-aebad401.png","Ai agents for all your customer interactions",[361,362],{"id":162,"title":163,"slug":164},{"id":55,"title":363,"slug":364},"Customer Service","customer-service",{"uuid":366,"title":367,"description":368,"canonical_path":369,"image":370,"width":39,"height":371,"image_alt":372,"published_at":373,"kind":43,"patterns":374,"component_categories":379,"app":380},"3fc6abb5-7477-4f95-b4c7-76cff751c98d","Reflect #3","Changelog page detailing new features, editor improvements, and bug fixes for the Reflect app, organized by release date in a timeline format.","\u002Fexamples\u002Fapps\u002Freflect\u002Fmarketing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3fc6abb5-7477-4f95-b4c7-76cff751c98d.png",21664,"Reflect #3 from Reflect","2025-03-24T15:32:15.000Z",[375],{"id":87,"label":376,"slug":377,"rank":49,"group":378},"Changelog","changelog",{"id":179,"label":180,"slug":181},[],{"slug":381,"title":382,"logo":383,"baseline":384,"categories":385},"reflect","Reflect","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Freflect-98047e97.png","Keep track of your notes, books, and meetings.",[386,389,393],{"id":225,"title":387,"slug":388},"Productivity","productivity",{"id":390,"title":391,"slug":392},22,"Knowledge Management","knowledge-management",{"id":394,"title":395,"slug":396},59,"Writing tools","writing-tools",{"uuid":398,"title":399,"description":400,"canonical_path":401,"image":402,"width":39,"height":403,"image_alt":404,"published_at":405,"kind":43,"patterns":406,"component_categories":414,"app":423},"930cf468-de40-4724-bd06-e42108c51ab2","Category Settings","Settings page where the user manages their transaction categories by organizing them into Income, Expenses, and Transfers groups with drag-and-drop reordering.","\u002Fexamples\u002Fapps\u002Fmonarch\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F930cf468-de40-4724-bd06-e42108c51ab2.png",12140,"Category Settings from Monarch","2025-03-17T14:09:52.000Z",[407,409],{"id":64,"label":65,"slug":66,"rank":49,"group":408},{"id":51,"label":52,"slug":53},{"id":410,"label":411,"slug":412,"rank":58,"group":413},94,"Account Settings","account-settings",{"id":51,"label":52,"slug":53},[415,419,420,421,422],{"id":416,"title":417,"slug":418},167,"Alert","alert",{"id":75,"title":76,"slug":77},{"id":79,"title":80,"slug":81},{"id":83,"title":84,"slug":85},{"id":87,"title":88,"slug":89},{"slug":424,"title":425,"logo":426,"baseline":427,"categories":428},"monarch","Monarch","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmonarch-58e7e32a.png","The modern way to manage money",[429],{"id":275,"title":430,"slug":431},"Finance","finance",{"uuid":433,"title":434,"description":435,"canonical_path":436,"image":437,"width":39,"height":334,"image_alt":438,"published_at":439,"kind":43,"patterns":440,"component_categories":443,"app":445},"c59c8d3c-2aff-4285-8900-c2b61359f02b","Assembly","Settings page where the user configures their workspace name and default timezone.","\u002Fexamples\u002Fapps\u002Fmeet-assembly\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc59c8d3c-2aff-4285-8900-c2b61359f02b.png","Assembly from Assembly","2025-03-17T13:29:41.000Z",[441],{"id":410,"label":411,"slug":412,"rank":49,"group":442},{"id":51,"label":52,"slug":53},[444],{"id":87,"title":88,"slug":89},{"slug":446,"title":434,"logo":447,"baseline":448,"categories":449},"meet-assembly","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fassembly-s-8b4489ec.png","Manage your social content like magic",[450,451,455],{"id":204,"title":205,"slug":206},{"id":452,"title":453,"slug":454},23,"Collaboration","collaboration",{"id":235,"title":322,"slug":323},{"uuid":457,"title":458,"description":459,"canonical_path":460,"image":461,"width":39,"height":334,"image_alt":462,"published_at":463,"kind":43,"patterns":464,"component_categories":477,"app":483},"2669bff2-f379-4750-a40a-e9894bc2eacd","Leap AI | Automate any workflow with AI","Admin history page where the user views past workflow executions, their status, and duration, with options to filter by type and status.","\u002Fexamples\u002Fapps\u002Fleap\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2669bff2-f379-4750-a40a-e9894bc2eacd.png","Leap AI | Automate any workflow with AI from Leap","2025-03-10T14:11:55.000Z",[465,470,472],{"id":466,"label":467,"slug":468,"rank":49,"group":469},38,"Activity Log","activity-log",{"id":60,"label":61,"slug":62},{"id":136,"label":137,"slug":138,"rank":58,"group":471},{"id":67,"label":133,"slug":134},{"id":473,"label":474,"slug":475,"rank":67,"group":476},41,"Dashboard","dashboard",{"id":60,"label":61,"slug":62},[478,482],{"id":479,"title":480,"slug":481},211,"Pagination","pagination",{"id":241,"title":242,"slug":243},{"slug":484,"title":485,"logo":486,"baseline":487,"categories":488},"leap","Leap","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fleap-60d851ac.png","Automate any workflow with AI",[489,490],{"id":162,"title":163,"slug":164},{"id":225,"title":387,"slug":388},{"uuid":492,"title":493,"description":494,"canonical_path":495,"image":496,"width":39,"height":334,"image_alt":497,"published_at":498,"kind":43,"patterns":499,"component_categories":515,"app":520},"a3e73688-fafc-45a3-95ca-1dffa93f1eb5","TaskMaster - Replit","Code editor workspace showing a split view with an authentication agent on the left and a live preview of an empty task management application on the right.","\u002Fexamples\u002Fapps\u002Freplit\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa3e73688-fafc-45a3-95ca-1dffa93f1eb5.png","TaskMaster - Replit from Replit","2025-03-10T14:11:20.000Z",[500,505,510],{"id":501,"label":502,"slug":503,"rank":49,"group":504},81,"Home","home",{"id":221,"label":222,"slug":223},{"id":506,"label":507,"slug":508,"rank":58,"group":509},85,"Tasks","tasks",{"id":221,"label":222,"slug":223},{"id":511,"label":512,"slug":513,"rank":67,"group":514},115,"Empty State","empty-state",{"id":284,"label":285,"slug":286},[516,517,518,519],{"id":71,"title":72,"slug":73},{"id":75,"title":76,"slug":77},{"id":83,"title":84,"slug":85},{"id":87,"title":88,"slug":89},{"slug":521,"title":522,"logo":523,"baseline":524,"categories":525},"replit","Replit","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Freplit-7961c4fc.png","Turn your ideas into apps with AI",[526,527,528,532],{"id":162,"title":163,"slug":164},{"id":96,"title":97,"slug":98},{"id":529,"title":530,"slug":531},7,"Web Development","web-development",{"id":533,"title":534,"slug":535},96,"No code","no-code",[],[538,540,542,544,546,548,550,552,554,556,558,560,562,565,568,571,574,577,580,583,586,589,592,595],{"label":411,"to":539,"count":67},"\u002Fexamples\u002Fscreens\u002Faccount-settings",{"label":130,"to":541,"count":67},"\u002Fexamples\u002Fscreens\u002Fedit",{"label":137,"to":543,"count":67},"\u002Fexamples\u002Fscreens\u002Ffilter-and-sort",{"label":47,"to":545,"count":67},"\u002Fexamples\u002Fscreens\u002Froles-and-permissions",{"label":65,"to":547,"count":67},"\u002Fexamples\u002Fscreens\u002Fsettings",{"label":467,"to":549,"count":58},"\u002Fexamples\u002Fscreens\u002Factivity-log",{"label":271,"to":551,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-assistant",{"label":266,"to":553,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-chat",{"label":226,"to":555,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-generation",{"label":281,"to":557,"count":58},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":474,"to":559,"count":58},"\u002Fexamples\u002Fscreens\u002Fdashboard",{"label":512,"to":561,"count":58},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":563,"to":564},"Evervault design examples","\u002Fexamples\u002Fapps\u002Fevervault",{"label":566,"to":567},"Notion Mail design examples","\u002Fexamples\u002Fapps\u002Fnotion-mail",{"label":569,"to":570},"Record club design examples","\u002Fexamples\u002Fapps\u002Frecord-club",{"label":572,"to":573},"Sora design examples","\u002Fexamples\u002Fapps\u002Fsora",{"label":575,"to":576},"Grok design examples","\u002Fexamples\u002Fapps\u002Fgrok",{"label":578,"to":579},"Bitly design examples","\u002Fexamples\u002Fapps\u002Fbitly",{"label":581,"to":582},"Lemni design examples","\u002Fexamples\u002Fapps\u002Flemni",{"label":584,"to":585},"Reflect design examples","\u002Fexamples\u002Fapps\u002Freflect",{"label":587,"to":588},"Monarch design examples","\u002Fexamples\u002Fapps\u002Fmonarch",{"label":590,"to":591},"Assembly design examples","\u002Fexamples\u002Fapps\u002Fmeet-assembly",{"label":593,"to":594},"Leap design examples","\u002Fexamples\u002Fapps\u002Fleap",{"label":596,"to":597},"Replit design examples","\u002Fexamples\u002Fapps\u002Freplit",{"published_at":599,"updated_at":600},"2024-12-27T00:36:08.000Z","2026-09-05T20:19:43.865Z"]