[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fnetflix\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":48,"showcases":166,"links":167,"dates":204},"\u002Fexamples\u002Fapps\u002Fnetflix\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Netflix UI components examples - Nicelydone","Browse Netflix UI component design examples. Preview individual interface elements and explore related component categories. Unlimited films, TV programmes…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Faacd91d1-5152-44e6-ad88-dfbe9b0f03a6.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},"Netflix design examples","\u002Fexamples\u002Fapps\u002Fnetflix",{"label":23,"to":4},"Netflix UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Netflix UI component design examples. Preview individual interface elements and explore related component categories. Unlimited films, TV programmes and more",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":31,"categories":35},"Netflix","netflix","Unlimited films, TV programmes and more","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fnetflix-2c210f11.png","https:\u002F\u002Fwww.netflix.com",[36,40,44],{"id":37,"title":38,"slug":39},15,"Media and Entertainment","media-and-entertainment",{"id":41,"title":42,"slug":43},70,"Video streaming","video-streaming",{"id":45,"title":46,"slug":47},100,"Video","video",[49,64,79,94,109,124,139,154],{"uuid":50,"title":51,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"categories":57,"app":62},"9d331aff-9d91-4c53-9753-c90259ff49fe","MFA Code Entry","A 6-digit security code entry form for multi-factor authentication. It includes a red 'SECURITY CHECK' eyebrow, a main heading, instructional text with the user's email, and six individual input fields with underline styling.",1554,716,"MFA Code Entry from Netflix","component",[58],{"id":59,"title":60,"slug":61},288,"Input code","input-code",{"slug":31,"title":30,"logo":33,"categories":63},[],{"uuid":65,"title":66,"description":67,"canonical_path":4,"image":68,"width":69,"height":70,"image_alt":71,"kind":56,"categories":72,"app":77},"648fd718-9778-49f2-8c40-c321404d4f47","Episode List Drawer","A side drawer displaying a list of episodes for a specific season. The first episode is expanded to show a thumbnail and description, while the others are collapsed.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F567cda50-f592-4dca-80bd-2fe23062a0d6.png",1542,1337,"Episode List Drawer from Netflix",[73],{"id":74,"title":75,"slug":76},168,"Accordion","accordion",{"slug":31,"title":30,"logo":33,"categories":78},[],{"uuid":80,"title":81,"description":82,"canonical_path":4,"image":83,"width":84,"height":85,"image_alt":86,"kind":56,"categories":87,"app":92},"19127b93-16a4-41ad-a506-843b3d1405d9","Video Player","A full-screen video player interface with playback controls, a progress scrubber, and a central logo.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fbdb95d7c-2954-45c2-b6e9-0734f515e7d6.png",3198,1852,"Video Player from Netflix",[88],{"id":89,"title":90,"slug":91},238,"Video player","video-player",{"slug":31,"title":30,"logo":33,"categories":93},[],{"uuid":95,"title":96,"description":97,"canonical_path":4,"image":98,"width":99,"height":100,"image_alt":101,"kind":56,"categories":102,"app":107},"ddffcab1-ac6f-4330-9cdd-2296913ca6c7","Global Navigation Bar","A horizontal top navigation bar featuring a brand logo, primary navigation links, and secondary utility icons including search, notifications, and a user profile dropdown.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F99d8ada2-5ebf-434a-9ea1-523f2805aec2.png",3024,133,"Global Navigation Bar from Netflix",[103],{"id":104,"title":105,"slug":106},240,"Horizontal navigation","horizontal-navigation",{"slug":31,"title":30,"logo":33,"categories":108},[],{"uuid":110,"title":111,"description":112,"canonical_path":4,"image":113,"width":114,"height":115,"image_alt":116,"kind":56,"categories":117,"app":122},"7ddb20bc-be3e-4c9c-acb7-5742f2aca9b0","Device selection grid","A grid of selectable cards representing different device types, used for onboarding.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc805f2e0-96f2-4327-a3d9-f305d089f5e8.png",1224,1262,"Device selection grid from Netflix",[118],{"id":119,"title":120,"slug":121},195,"Input multi-select","input-multi-select",{"slug":31,"title":30,"logo":33,"categories":123},[],{"uuid":125,"title":126,"description":127,"canonical_path":4,"image":128,"width":129,"height":130,"image_alt":131,"kind":56,"categories":132,"app":137},"2995ba5f-4461-4e20-8597-9fff6d3226f7","Device illustration","A line-art illustration showing a laptop, a TV or monitor, a tablet, and a smartphone.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F993efcda-1a92-4ec7-af3f-5c4772d653c0.png",638,242,"Device illustration from Netflix",[133],{"id":134,"title":135,"slug":136},278,"Illustration","illustration",{"slug":31,"title":30,"logo":33,"categories":138},[],{"uuid":140,"title":141,"description":142,"canonical_path":4,"image":143,"width":144,"height":145,"image_alt":146,"kind":56,"categories":147,"app":152},"38f57773-1f6b-47e4-a9ce-b95dc5d52492","Article Card","A card displaying an article preview with a large cover image, category tag, title, excerpt, and author\u002Fdate metadata.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0fa89a5f-073b-4fc6-a51b-e3016ea4c95d.png",731,965,"Article Card from Netflix",[148],{"id":149,"title":150,"slug":151},174,"Card","card",{"slug":31,"title":30,"logo":33,"categories":153},[],{"uuid":155,"title":156,"description":157,"canonical_path":4,"image":158,"width":159,"height":160,"image_alt":161,"kind":56,"categories":162,"app":164},"6584e5e1-d7ab-451c-bbd3-99bc0d5bd029","Netflix UI component","Illustration of a person interacting with floating screens","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F68f508ba-b53a-4a5d-84cf-8a6930cf8e79.png",951,699,"UI component from Netflix",[163],{"id":134,"title":135,"slug":136},{"slug":31,"title":30,"logo":33,"categories":165},[],[],[168,171,174,177,180,183,186,188,192,196,200],{"label":169,"to":170},"Netflix product screens","\u002Fexamples\u002Fapps\u002Fnetflix\u002Fscreens",{"label":172,"to":173},"Netflix marketing pages","\u002Fexamples\u002Fapps\u002Fnetflix\u002Fmarketing",{"label":175,"to":176},"Netflix user flows","\u002Fexamples\u002Fapps\u002Fnetflix\u002Fflows",{"label":178,"to":179},"Media and Entertainment app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmedia-and-entertainment",{"label":181,"to":182},"Video streaming app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fvideo-streaming",{"label":184,"to":185},"Video app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fvideo",{"label":187,"to":18},"All SaaS app examples",{"label":189,"to":190,"description":191},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":193,"to":194,"description":195},"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":197,"to":198,"description":199},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":201,"to":202,"description":203},"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":205,"updated_at":206},"2023-05-01T23:26:27.000Z","2026-09-13T13:02:39.000Z"]