[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Flinkedin\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":47,"showcases":214,"links":215,"dates":234},"\u002Fexamples\u002Fapps\u002Flinkedin\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Linkedin UI components examples - Nicelydone","Browse Linkedin UI component design examples. Preview individual interface elements and explore related component categories. Connect to Opportunity","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F295b1852-0682-4381-9cde-8bd9024aa733.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},"Linkedin design examples","\u002Fexamples\u002Fapps\u002Flinkedin",{"label":23,"to":4},"Linkedin UI components 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":30,"categories":34},"Linkedin","linkedin","Connect to Opportunity","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Flinkedin-16l8lsen.png","https:\u002F\u002Fwww.linkedin.com",[35,39,43],{"id":36,"title":37,"slug":38},49,"Social Network","social-network",{"id":40,"title":41,"slug":42},64,"Recruiting","recruiting",{"id":44,"title":45,"slug":46},74,"Employment","employment",[48,63,78,93,108,119,134,142,157,172,187,199],{"uuid":49,"title":50,"description":51,"canonical_path":4,"image":11,"width":52,"height":53,"image_alt":54,"kind":55,"categories":56,"app":61},"36bee6ee-6525-4a87-ba60-eac6e52da085","Error Toast","A toast notification displaying an error message preventing the user from leaving a group.",905,329,"Error Toast from Linkedin","component",[57],{"id":58,"title":59,"slug":60},247,"Notification Toast","notification-element",{"slug":30,"title":29,"logo":32,"categories":62},[],{"uuid":64,"title":65,"description":66,"canonical_path":4,"image":67,"width":68,"height":69,"image_alt":70,"kind":55,"categories":71,"app":76},"2f5b655f-98ec-4503-978c-108a9a0c1632","Profile completion progress bar","A progress bar showing profile completion status, labeled 'Intermediate' with a step count of 4\u002F7. It includes a prompt to complete remaining steps to achieve 'All-star' status.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F70df71b6-1ac6-4247-8ddc-2dcda4c768b0.png",1767,503,"Profile completion progress bar from Linkedin",[72],{"id":73,"title":74,"slug":75},213,"Progress indicator","progress-indicator",{"slug":30,"title":29,"logo":32,"categories":77},[],{"uuid":79,"title":80,"description":81,"canonical_path":4,"image":82,"width":83,"height":84,"image_alt":85,"kind":55,"categories":86,"app":91},"253bf307-d6d6-43b0-a823-ca3f233c193b","Suggestion Alert","An inline alert banner suggesting the user add key skills to their profile, featuring a lightbulb icon and a call-to-action link.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe7cb7f69-7834-434b-a560-7a9282e5a355.png",1676,394,"Suggestion Alert from Linkedin",[87],{"id":88,"title":89,"slug":90},167,"Alert","alert",{"slug":30,"title":29,"logo":32,"categories":92},[],{"uuid":94,"title":95,"description":96,"canonical_path":4,"image":97,"width":98,"height":99,"image_alt":100,"kind":55,"categories":101,"app":106},"8ee882f2-8492-4570-882f-314d1d3f80c3","Profile views line chart","A line chart displaying profile viewers over time, featuring a summary KPI at the top left and a tooltip showing details for a specific data point.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff74fad85-7761-47af-96c0-f105ecd34454.png",1671,827,"Profile views line chart from Linkedin",[102],{"id":103,"title":104,"slug":105},186,"Charts","charts",{"slug":30,"title":29,"logo":32,"categories":107},[],{"uuid":109,"title":110,"description":111,"canonical_path":4,"image":112,"width":113,"height":99,"image_alt":114,"kind":55,"categories":115,"app":117},"268400a9-4c4b-4b8e-8632-bba8d7d6a9c1","Line chart","A line chart displaying profile viewers over time, with a summary metric and percentage change indicator at the top.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6e231eb7-4daf-4239-9003-d9d6cdf892d7.png",1635,"Line chart from Linkedin",[116],{"id":103,"title":104,"slug":105},{"slug":30,"title":29,"logo":32,"categories":118},[],{"uuid":120,"title":121,"description":122,"canonical_path":4,"image":123,"width":124,"height":125,"image_alt":126,"kind":55,"categories":127,"app":132},"15e5184d-c70b-4a05-b4f8-eb2e6934a0be","Dark mode settings","A settings section allowing users to select their preferred appearance mode (Device settings, Dark mode, or Light mode) using radio buttons.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F18998776-7c59-4354-b04f-608c8f3604a2.png",1437,752,"Dark mode settings from Linkedin",[128],{"id":129,"title":130,"slug":131},256,"Theme settings","theme-settings",{"slug":30,"title":29,"logo":32,"categories":133},[],{"uuid":135,"title":121,"description":136,"canonical_path":4,"image":137,"width":124,"height":125,"image_alt":126,"kind":55,"categories":138,"app":140},"7edf7f76-9d86-4c67-8b2e-f80349f76a26","A settings section allowing the user to select their preferred theme mode (Device settings, Dark mode, or Light mode) using a radio group.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa3d6880c-ab89-491e-898c-bc925472a8c9.png",[139],{"id":129,"title":130,"slug":131},{"slug":30,"title":29,"logo":32,"categories":141},[],{"uuid":143,"title":144,"description":145,"canonical_path":4,"image":146,"width":147,"height":148,"image_alt":149,"kind":55,"categories":150,"app":155},"083263f5-cadf-4ab9-83c5-e38789f3386e","Billing cycle selector","A radio group presented as two side-by-side cards, allowing the user to select between monthly and annual billing cycles. The monthly option is currently selected. The annual option includes a 'Best value' badge.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff9b39446-1467-4f97-9c9c-0be83df7c914.png",1802,474,"Billing cycle selector from Linkedin",[151],{"id":152,"title":153,"slug":154},179,"Checkbox & radio","checkbox-radio",{"slug":30,"title":29,"logo":32,"categories":156},[],{"uuid":158,"title":159,"description":160,"canonical_path":4,"image":161,"width":162,"height":163,"image_alt":164,"kind":55,"categories":165,"app":170},"1180a721-b5e9-4d90-852e-6b4e38ebb803","Settings toggle section","A section prompting the user to update settings, featuring a toggle switch to turn on email updates.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd269391c-71d4-444d-9996-6e05ed3faae3.png",1262,521,"Settings toggle section from Linkedin",[166],{"id":167,"title":168,"slug":169},236,"Toggle\u002FSwitch","toggle-switch",{"slug":30,"title":29,"logo":32,"categories":171},[],{"uuid":173,"title":174,"description":175,"canonical_path":4,"image":176,"width":177,"height":178,"image_alt":179,"kind":55,"categories":180,"app":185},"5ef02799-80cb-4a6c-98fc-cd0890235977","Location type toggle group","A group of pill-shaped toggle buttons for selecting job location types, with an overarching label.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe3d5968a-db8b-4ecd-b7c7-bfef2dd0c4bd.png",760,234,"Location type toggle group from Linkedin",[181],{"id":182,"title":183,"slug":184},225,"Sorting & filtering","sorting-filtering",{"slug":30,"title":29,"logo":32,"categories":186},[],{"uuid":188,"title":189,"description":190,"canonical_path":4,"image":191,"width":192,"height":193,"image_alt":194,"kind":55,"categories":195,"app":197},"c87e5425-1375-4d6b-baa0-56cc85c5a37f","Onboarding progress card","A card component displaying onboarding progress with a progress bar, an illustration, descriptive text, and a primary call-to-action button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc5d64035-81ac-45da-8470-4dff8bfec31f.png",1320,989,"Onboarding progress card from Linkedin",[196],{"id":73,"title":74,"slug":75},{"slug":30,"title":29,"logo":32,"categories":198},[],{"uuid":200,"title":201,"description":202,"canonical_path":4,"image":203,"width":204,"height":205,"image_alt":206,"kind":55,"categories":207,"app":212},"4cea5f61-82d8-44fd-9401-ed206d2131d0","Company Recommendation Card","A card displaying a company profile recommendation, including a cover image, logo, company name, follower count, and a 'Follow' button. A close icon is positioned in the top right corner.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fec0b29a4-b0e3-4929-9b50-378dafb2cc0f.png",500,616,"Company Recommendation Card from Linkedin",[208],{"id":209,"title":210,"slug":211},174,"Card","card",{"slug":30,"title":29,"logo":32,"categories":213},[],[],[216,219,222,225,228,231],{"label":217,"to":218},"Linkedin product screens","\u002Fexamples\u002Fapps\u002Flinkedin\u002Fscreens",{"label":220,"to":221},"Linkedin marketing pages","\u002Fexamples\u002Fapps\u002Flinkedin\u002Fmarketing",{"label":223,"to":224},"Linkedin user flows","\u002Fexamples\u002Fapps\u002Flinkedin\u002Fflows",{"label":226,"to":227},"Social Network app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fsocial-network",{"label":229,"to":230},"Recruiting app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Frecruiting",{"label":232,"to":233},"Employment app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Femployment",{"published_at":235,"updated_at":236},"2023-06-20T06:33:08.000Z","2026-09-13T13:02:39.000Z"]