[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Ftags\u002Fshare-modal":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":518,"links":519,"dates":581},"\u002Fexamples\u002Ftags\u002Fshare-modal","collection","screens",true,{"example_count":9,"app_count":10},995,185,{"id":12,"title":13,"description":14},9919,"Share modal","",{"title":16,"description":17,"og_image":18},"Share modal screen examples - Nicelydone","Share modal screen design examples from SaaS apps. Browse examples from Riverside, Dock, HeyGen.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe90bb8e2-0709-4f78-99e2-181bcb72cfa7.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"tags","\u002Fexamples\u002Ftags",{"label":27,"to":4},"Share modal screen examples",{"title":27,"eyebrow":29,"description":17,"sections":30,"body":31},"Tag category",[],[32],"995 screens",[34,95,146,175,221,277,312,345,382,425,458,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":60,"app":85},"e90bb8e2-0709-4f78-99e2-181bcb72cfa7","Riverside Studio","Video and audio editor interface with an open modal for sharing, downloading, or exporting the current project.","\u002Fexamples\u002Fapps\u002Friverside\u002Fscreens",3024,1758,"Riverside Studio from Riverside","2026-08-24T09:31:05.000Z","screen",[45,54],{"id":46,"label":47,"slug":48,"rank":49,"group":50},24,"Share","share",0,{"id":51,"label":52,"slug":53},2,"Actions","actions",{"id":55,"label":56,"slug":57,"rank":58,"group":59},25,"Upload & Download","upload-and-download",1,{"id":51,"label":52,"slug":53},[61,65,69,73,77,81],{"id":62,"title":63,"slug":64},277,"Button group","button-group",{"id":66,"title":67,"slug":68},240,"Horizontal navigation","horizontal-navigation",{"id":70,"title":71,"slug":72},174,"Card","card",{"id":74,"title":75,"slug":76},233,"Tabs","tabs",{"id":78,"title":79,"slug":80},169,"Avatar","avatar",{"id":82,"title":83,"slug":84},284,"Modal","modal",{"slug":86,"title":87,"logo":88,"baseline":89,"categories":90},"riverside","Riverside","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcc94468d-7b59-49b7-b969-3aee258a2348.png","HD podcast and video recording and editing software",[91],{"id":92,"title":93,"slug":94},100,"Video","video",{"uuid":96,"title":97,"description":98,"canonical_path":99,"image":100,"width":39,"height":40,"image_alt":101,"published_at":102,"kind":43,"patterns":103,"component_categories":119,"app":132},"924d2ebf-183a-41b4-80e0-4d715b7a9b49","Editing space - Dock","Modal where the user invites people to the BrightLayer Analytics Expansion Workspace by email, sets their roles, and manages general link access.","\u002Fexamples\u002Fapps\u002Fdock\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F924d2ebf-183a-41b4-80e0-4d715b7a9b49.png","Editing space - Dock from Dock","2026-07-13T15:30:47.000Z",[104,109,117],{"id":105,"label":106,"slug":107,"rank":49,"group":108},133,"Invite Teammates","invite-teammates",{"id":51,"label":52,"slug":53},{"id":110,"label":111,"slug":112,"rank":58,"group":113},104,"Team Management","team-management",{"id":114,"label":115,"slug":116},10,"Settings & Admin","settings-and-admin",{"id":46,"label":47,"slug":48,"rank":51,"group":118},{"id":51,"label":52,"slug":53},[120,124,125,126,127,131],{"id":121,"title":122,"slug":123},167,"Alert","alert",{"id":66,"title":67,"slug":68},{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"id":128,"title":129,"slug":130},175,"Button","button",{"id":82,"title":83,"slug":84},{"slug":133,"title":134,"logo":135,"baseline":136,"categories":137},"dock","Dock","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdock-k4tgvy1y.png","The new way to manage external relationships",[138,142],{"id":139,"title":140,"slug":141},23,"Collaboration","collaboration",{"id":143,"title":144,"slug":145},29,"Task Management","task-management",{"uuid":147,"title":148,"description":149,"canonical_path":150,"image":151,"width":39,"height":40,"image_alt":152,"published_at":153,"kind":43,"patterns":154,"component_categories":159,"app":164},"a3ddf5e9-c641-49ec-bc9b-55074c1920ba","Avatar IV Video | HeyGen","Detail page for a generated video where the user configures sharing permissions, sets a password, and copies the public link via a modal overlay.","\u002Fexamples\u002Fapps\u002Fheygen\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa3ddf5e9-c641-49ec-bc9b-55074c1920ba.png","Avatar IV Video | HeyGen from HeyGen","2026-06-29T18:29:44.000Z",[155,157],{"id":46,"label":47,"slug":48,"rank":49,"group":156},{"id":51,"label":52,"slug":53},{"id":55,"label":56,"slug":57,"rank":58,"group":158},{"id":51,"label":52,"slug":53},[160,161,162,163],{"id":62,"title":63,"slug":64},{"id":74,"title":75,"slug":76},{"id":128,"title":129,"slug":130},{"id":82,"title":83,"slug":84},{"slug":165,"title":166,"logo":167,"baseline":168,"categories":169},"heygen","HeyGen","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd8cda81f-5b21-444e-8401-676a6cf2f817.png","AI video generator that turns ideas into professional videos in minutes",[170,171],{"id":92,"title":93,"slug":94},{"id":172,"title":173,"slug":174},80,"Artificial Intelligence","artificial-intelligence",{"uuid":176,"title":177,"description":178,"canonical_path":179,"image":180,"width":39,"height":40,"image_alt":181,"published_at":182,"kind":43,"patterns":183,"component_categories":194,"app":209},"91a8f17b-1a19-4470-9bf9-2ac93236e9b0","FLORA - Untitled","Node-based AI image generation canvas where the user is sharing a specific node via a modal containing a copyable link.","\u002Fexamples\u002Fapps\u002Fflora\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F91a8f17b-1a19-4470-9bf9-2ac93236e9b0.png","FLORA - Untitled from Flora","2026-05-26T09:34:20.000Z",[184,186],{"id":46,"label":47,"slug":48,"rank":49,"group":185},{"id":51,"label":52,"slug":53},{"id":187,"label":188,"slug":189,"rank":58,"group":190},30,"AI Generation","ai-generation",{"id":191,"label":192,"slug":193},3,"AI","ai",[195,199,203,207,208],{"id":196,"title":197,"slug":198},223,"Slider","slider",{"id":200,"title":201,"slug":202},168,"Accordion","accordion",{"id":204,"title":205,"slug":206},260,"Badge","badge",{"id":128,"title":129,"slug":130},{"id":82,"title":83,"slug":84},{"slug":210,"title":211,"logo":212,"baseline":213,"categories":214},"flora","Flora","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F5c3c6f99-7e88-4853-9e21-6fd175f2aa62.png","Your creative environement",[215,216,220],{"id":172,"title":173,"slug":174},{"id":217,"title":218,"slug":219},8,"Design","design",{"id":139,"title":140,"slug":141},{"uuid":222,"title":223,"description":224,"canonical_path":225,"image":226,"width":39,"height":227,"image_alt":228,"published_at":229,"kind":43,"patterns":230,"component_categories":253,"app":260},"418ad22f-7f54-45b6-b0b2-2b4f231765d8","Repo Man (1984), Mon, Mar 9, 2026, 6:00 PM | Meetup","Detail page where the user can share the Repo Man event via social links or a carousel of promotional flyers, with a success toast confirming the link was copied.","\u002Fexamples\u002Fapps\u002Fmeetup\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F418ad22f-7f54-45b6-b0b2-2b4f231765d8.png",1780,"Repo Man (1984), Mon, Mar 9, 2026, 6:00 PM | Meetup from Meetup","2026-03-09T10:46:46.000Z",[231,233,241,248],{"id":46,"label":47,"slug":48,"rank":49,"group":232},{"id":51,"label":52,"slug":53},{"id":234,"label":235,"slug":236,"rank":58,"group":237},122,"Success","success",{"id":238,"label":239,"slug":240},12,"States & Feedback","states-and-feedback",{"id":242,"label":243,"slug":244,"rank":51,"group":245},82,"Media Detail","media-detail",{"id":217,"label":246,"slug":247},"Pages & Content","pages-and-content",{"id":249,"label":250,"slug":251,"rank":191,"group":252},114,"Confirmation","confirmation",{"id":238,"label":239,"slug":240},[254,255,256,257,258,259],{"id":66,"title":67,"slug":68},{"id":70,"title":71,"slug":72},{"id":204,"title":205,"slug":206},{"id":78,"title":79,"slug":80},{"id":128,"title":129,"slug":130},{"id":82,"title":83,"slug":84},{"slug":261,"title":262,"logo":263,"baseline":264,"categories":265},"meetup","Meetup","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F123bdad2-d673-4999-b9a4-477472b558c3.png","Find local groups, events, and activities near you",[266,269,273],{"id":58,"title":267,"slug":268},"Communities","communities",{"id":270,"title":271,"slug":272},14,"Social","social",{"id":274,"title":275,"slug":276},26,"Events","events",{"uuid":278,"title":279,"description":280,"canonical_path":281,"image":282,"width":39,"height":227,"image_alt":283,"published_at":284,"kind":43,"patterns":285,"component_categories":290,"app":294},"0faf654b-494a-4f51-ba4c-7b4844ddbdb9","Contacts – Dovetail","List view where the user invites teammates to access a contacts list via email or a shareable link.","\u002Fexamples\u002Fapps\u002Fdovetail\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0faf654b-494a-4f51-ba4c-7b4844ddbdb9.png","Contacts – Dovetail from Dovetail","2026-03-02T20:51:47.000Z",[286,288],{"id":105,"label":106,"slug":107,"rank":49,"group":287},{"id":51,"label":52,"slug":53},{"id":110,"label":111,"slug":112,"rank":58,"group":289},{"id":114,"label":115,"slug":116},[291,292,293],{"id":78,"title":79,"slug":80},{"id":128,"title":129,"slug":130},{"id":82,"title":83,"slug":84},{"slug":295,"title":296,"logo":297,"baseline":298,"categories":299},"dovetail","Dovetail","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F6b47c81d-b89f-43c4-9087-0c1e1df518d7.png","Helps you with the key steps of UX research",[300,301,305,309],{"id":217,"title":218,"slug":219},{"id":302,"title":303,"slug":304},22,"Knowledge Management","knowledge-management",{"id":306,"title":307,"slug":308},35,"Feedback","feedback",{"id":110,"title":310,"slug":311},"User Research","user-research",{"uuid":313,"title":314,"description":315,"canonical_path":316,"image":317,"width":39,"height":227,"image_alt":318,"published_at":319,"kind":43,"patterns":320,"component_categories":327,"app":331},"7b36bebf-feff-4a42-99d4-18d2d6495df9","Kinescope","List view of a media catalog where the user is managing project access, inviting guests, and setting administrator permissions via a modal.","\u002Fexamples\u002Fapps\u002Fkinescope\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7b36bebf-feff-4a42-99d4-18d2d6495df9.png","Kinescope from Kinescope","2026-03-02T10:47:09.000Z",[321,325],{"id":92,"label":322,"slug":323,"rank":49,"group":324},"Roles & Permissions","roles-and-permissions",{"id":114,"label":115,"slug":116},{"id":105,"label":106,"slug":107,"rank":58,"group":326},{"id":51,"label":52,"slug":53},[328,329,330],{"id":78,"title":79,"slug":80},{"id":128,"title":129,"slug":130},{"id":82,"title":83,"slug":84},{"slug":332,"title":314,"logo":333,"baseline":334,"categories":335},"kinescope","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F7f0420a9-24bf-46c4-89d3-9b58d519e10a.png","Videoinfrastructure made for every story",[336,340,344],{"id":337,"title":338,"slug":339},37,"Developer APIs","developer-apis",{"id":341,"title":342,"slug":343},70,"Video streaming","video-streaming",{"id":92,"title":93,"slug":94},{"uuid":346,"title":347,"description":348,"canonical_path":349,"image":350,"width":39,"height":227,"image_alt":351,"published_at":352,"kind":43,"patterns":353,"component_categories":368,"app":372},"bd65f11a-e5c0-4e1d-b762-4bffb51977a9","The Pitt Podcast - Pocket Casts","Podcast detail page where the user has successfully created an audio clip and is presented with a modal to share it via a copied link or social media.","\u002Fexamples\u002Fapps\u002Fpocket-casts\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbd65f11a-e5c0-4e1d-b762-4bffb51977a9.png","The Pitt Podcast - Pocket Casts from Pocket Casts","2026-02-23T09:50:49.000Z",[354,356,358,360],{"id":242,"label":243,"slug":244,"rank":49,"group":355},{"id":217,"label":246,"slug":247},{"id":46,"label":47,"slug":48,"rank":58,"group":357},{"id":51,"label":52,"slug":53},{"id":234,"label":235,"slug":236,"rank":51,"group":359},{"id":238,"label":239,"slug":240},{"id":361,"label":362,"slug":363,"rank":191,"group":364},50,"Audio Player","audio-player",{"id":365,"label":366,"slug":367},5,"Media & Tools","media-and-tools",[369,370,371],{"id":78,"title":79,"slug":80},{"id":128,"title":129,"slug":130},{"id":82,"title":83,"slug":84},{"slug":373,"title":374,"logo":375,"baseline":376,"categories":377},"pocket-casts","Pocket Casts","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ff4d1fda4-3822-47c0-a321-da4fe83db7b8.png","Listen to podcasts with the best free podcasting app",[378],{"id":379,"title":380,"slug":381},15,"Media and Entertainment","media-and-entertainment",{"uuid":383,"title":384,"description":385,"canonical_path":386,"image":387,"width":39,"height":227,"image_alt":388,"published_at":389,"kind":43,"patterns":390,"component_categories":404,"app":410},"89e30c9b-36c5-45f3-b693-4ce169ec8e2d","Support | Basic Access","Inbox empty state where the user is prompted to invite teammates to their workspace via a modal.","\u002Fexamples\u002Fapps\u002Fwhop\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F89e30c9b-36c5-45f3-b693-4ce169ec8e2d.png","Support | Basic Access from Whop","2026-02-16T13:59:46.000Z",[391,393,398,400],{"id":105,"label":106,"slug":107,"rank":49,"group":392},{"id":51,"label":52,"slug":53},{"id":394,"label":395,"slug":396,"rank":58,"group":397},115,"Empty State","empty-state",{"id":238,"label":239,"slug":240},{"id":110,"label":111,"slug":112,"rank":51,"group":399},{"id":114,"label":115,"slug":116},{"id":302,"label":401,"slug":402,"rank":191,"group":403},"Search","search",{"id":51,"label":52,"slug":53},[405,406,407,408,409],{"id":204,"title":205,"slug":206},{"id":70,"title":71,"slug":72},{"id":78,"title":79,"slug":80},{"id":128,"title":129,"slug":130},{"id":82,"title":83,"slug":84},{"slug":411,"title":412,"logo":413,"baseline":414,"categories":415},"whop","Whop","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F07610bdc-865b-4784-b147-569a8e62691e.png","Where the internet does business",[416,417,421],{"id":58,"title":267,"slug":268},{"id":418,"title":419,"slug":420},18,"Marketplace","marketplace",{"id":422,"title":423,"slug":424},39,"Payments","payments",{"uuid":426,"title":427,"description":428,"canonical_path":429,"image":430,"width":39,"height":227,"image_alt":431,"published_at":432,"kind":43,"patterns":433,"component_categories":443,"app":447},"8b83fc2a-42bb-4a29-a07f-17b13d404db2","Twin - Automate anything","App home screen with an open modal prompting the user to invite friends via a referral link to earn credits.","\u002Fexamples\u002Fapps\u002Ftwin\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8b83fc2a-42bb-4a29-a07f-17b13d404db2.png","Twin - Automate anything from Twin","2026-02-09T10:17:21.000Z",[434,436,441],{"id":105,"label":106,"slug":107,"rank":49,"group":435},{"id":51,"label":52,"slug":53},{"id":437,"label":438,"slug":439,"rank":58,"group":440},81,"Home","home",{"id":217,"label":246,"slug":247},{"id":46,"label":47,"slug":48,"rank":51,"group":442},{"id":51,"label":52,"slug":53},[444,445,446],{"id":78,"title":79,"slug":80},{"id":128,"title":129,"slug":130},{"id":82,"title":83,"slug":84},{"slug":448,"title":449,"logo":450,"baseline":451,"categories":452},"twin","Twin","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcfafc203-3d6a-4cfc-9ca4-539681caf005.png","The AI company builder",[453,454],{"id":172,"title":173,"slug":174},{"id":455,"title":456,"slug":457},105,"Workflow Automation","workflow-automation",{"uuid":459,"title":460,"description":461,"canonical_path":462,"image":463,"width":39,"height":227,"image_alt":464,"published_at":465,"kind":43,"patterns":466,"component_categories":471,"app":481},"5c14d19e-76f1-497a-b672-08273bec1a4f","Impact 01 - AI \u002F Mixpanel","Analytics report detail page where the user is viewing a modal to invite teammates, adjust project access levels, or copy a sharing link.","\u002Fexamples\u002Fapps\u002Fmixpanel\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5c14d19e-76f1-497a-b672-08273bec1a4f.png","Impact 01 - AI \u002F Mixpanel from Mixpanel","2026-02-02T12:53:35.000Z",[467,469],{"id":46,"label":47,"slug":48,"rank":49,"group":468},{"id":51,"label":52,"slug":53},{"id":105,"label":106,"slug":107,"rank":58,"group":470},{"id":51,"label":52,"slug":53},[472,476,477,478,479,480],{"id":473,"title":474,"slug":475},177,"Breadcrumb","breadcrumb",{"id":121,"title":122,"slug":123},{"id":200,"title":201,"slug":202},{"id":78,"title":79,"slug":80},{"id":128,"title":129,"slug":130},{"id":82,"title":83,"slug":84},{"slug":482,"title":483,"logo":484,"baseline":485,"categories":486},"mixpanel","Mixpanel","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F6591e7aa-86c8-4da2-8c52-c70f46a86bbb.png","Product analytics for mobile, web, & more",[487],{"id":488,"title":489,"slug":490},46,"Analytics","analytics",{"uuid":492,"title":493,"description":494,"canonical_path":495,"image":496,"width":39,"height":227,"image_alt":497,"published_at":498,"kind":43,"patterns":499,"component_categories":502,"app":507},"6793a418-4054-4f7d-938a-2a67a584498b","Runner - Details | Ona","Settings page for a specific cloud runner with a modal open to configure general access permissions.","\u002Fexamples\u002Fapps\u002Fona\u002Fscreens","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6793a418-4054-4f7d-938a-2a67a584498b.png","Runner - Details | Ona from Ona","2026-01-26T11:04:38.000Z",[500],{"id":92,"label":322,"slug":323,"rank":49,"group":501},{"id":114,"label":115,"slug":116},[503,504,505,506],{"id":74,"title":75,"slug":76},{"id":78,"title":79,"slug":80},{"id":128,"title":129,"slug":130},{"id":82,"title":83,"slug":84},{"slug":508,"title":509,"logo":510,"baseline":511,"categories":512},"ona","Ona","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F5f04e4d2-1820-448d-8510-4d55ff185524.png","The AI software engineer you can rely on",[513,517],{"id":514,"title":515,"slug":516},48,"Developer Tools","developer-tools",{"id":172,"title":173,"slug":174},[],[520,522,525,527,529,531,533,535,537,539,541,543,545,548,551,554,557,560,563,566,569,572,575,578],{"label":47,"to":521,"count":217},"\u002Fexamples\u002Fscreens\u002Fshare",{"label":106,"to":523,"count":524},"\u002Fexamples\u002Fscreens\u002Finvite-teammates",6,{"label":111,"to":526,"count":191},"\u002Fexamples\u002Fscreens\u002Fteam-management",{"label":243,"to":528,"count":51},"\u002Fexamples\u002Fscreens\u002Fmedia-detail",{"label":322,"to":530,"count":51},"\u002Fexamples\u002Fscreens\u002Froles-and-permissions",{"label":235,"to":532,"count":51},"\u002Fexamples\u002Fscreens\u002Fsuccess",{"label":56,"to":534,"count":51},"\u002Fexamples\u002Fscreens\u002Fupload-and-download",{"label":188,"to":536,"count":58},"\u002Fexamples\u002Fscreens\u002Fai-generation",{"label":362,"to":538,"count":58},"\u002Fexamples\u002Fscreens\u002Faudio-player",{"label":250,"to":540,"count":58},"\u002Fexamples\u002Fscreens\u002Fconfirmation",{"label":395,"to":542,"count":58},"\u002Fexamples\u002Fscreens\u002Fempty-state",{"label":438,"to":544,"count":58},"\u002Fexamples\u002Fscreens\u002Fhome",{"label":546,"to":547},"Riverside design examples","\u002Fexamples\u002Fapps\u002Friverside",{"label":549,"to":550},"Dock design examples","\u002Fexamples\u002Fapps\u002Fdock",{"label":552,"to":553},"HeyGen design examples","\u002Fexamples\u002Fapps\u002Fheygen",{"label":555,"to":556},"Flora design examples","\u002Fexamples\u002Fapps\u002Fflora",{"label":558,"to":559},"Meetup design examples","\u002Fexamples\u002Fapps\u002Fmeetup",{"label":561,"to":562},"Dovetail design examples","\u002Fexamples\u002Fapps\u002Fdovetail",{"label":564,"to":565},"Kinescope design examples","\u002Fexamples\u002Fapps\u002Fkinescope",{"label":567,"to":568},"Pocket Casts design examples","\u002Fexamples\u002Fapps\u002Fpocket-casts",{"label":570,"to":571},"Whop design examples","\u002Fexamples\u002Fapps\u002Fwhop",{"label":573,"to":574},"Twin design examples","\u002Fexamples\u002Fapps\u002Ftwin",{"label":576,"to":577},"Mixpanel design examples","\u002Fexamples\u002Fapps\u002Fmixpanel",{"label":579,"to":580},"Ona design examples","\u002Fexamples\u002Fapps\u002Fona",{"published_at":582,"updated_at":583},"2024-12-12T18:32:09.000Z","2026-09-05T20:20:28.773Z"]