[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fnightwatch\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":44,"showcases":202,"links":203,"dates":237},"\u002Fexamples\u002Fapps\u002Fnightwatch\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Nightwatch UI components examples - Nicelydone","Browse Nightwatch UI component design examples. Preview individual interface elements and explore related component categories. Monitor your Laravel…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F87f6e058-f5a6-478b-bc8e-f8863715e097.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},"Nightwatch design examples","\u002Fexamples\u002Fapps\u002Fnightwatch",{"label":23,"to":4},"Nightwatch UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Nightwatch UI component design examples. Preview individual interface elements and explore related component categories. Monitor your Laravel applications with precision",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Nightwatch","nightwatch","Monitor your Laravel applications with precision","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F6f0af58a-4193-4037-9c5a-3fb20914c15d.png","https:\u002F\u002Fnightwatch.laravel.com",[36,40],{"id":37,"title":38,"slug":39},16,"Monitoring","monitoring",{"id":41,"title":42,"slug":43},48,"Developer Tools","developer-tools",[45,60,73,86,99,112,125,138,151,164,176,189],{"uuid":46,"title":47,"description":48,"canonical_path":4,"image":11,"width":49,"height":50,"image_alt":51,"kind":52,"categories":53,"app":58},"dad93722-e9a6-4af6-9c6e-5b74df4a8917","Nightwatch UI component","A dropdown menu displaying user account options like profile, support, organizations, and logout.",596,407,"UI component from Nightwatch","component",[54],{"id":55,"title":56,"slug":57},190,"Dropdown menu","dropdown-menu",{"slug":31,"title":30,"logo":33,"categories":59},[],{"uuid":61,"title":47,"description":62,"canonical_path":4,"image":63,"width":64,"height":65,"image_alt":51,"kind":52,"categories":66,"app":71},"ad217d54-55d8-46f1-805e-961bb9b18e29","A simple application header with a title and a horizontal tab navigation.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Faec67dea-4b1e-42f8-be72-f00559b2c2d5.png",2122,372,[67],{"id":68,"title":69,"slug":70},233,"Tabs","tabs",{"slug":31,"title":30,"logo":33,"categories":72},[],{"uuid":74,"title":47,"description":75,"canonical_path":4,"image":76,"width":77,"height":78,"image_alt":51,"kind":52,"categories":79,"app":84},"dea9702e-8f77-4d65-a906-668f0aea431b","A success notification indicating an application has been created.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb28a801a-571b-4be1-842c-f34273b050bb.png",799,198,[80],{"id":81,"title":82,"slug":83},247,"Notification Toast","notification-element",{"slug":31,"title":30,"logo":33,"categories":85},[],{"uuid":87,"title":47,"description":88,"canonical_path":4,"image":89,"width":90,"height":91,"image_alt":51,"kind":52,"categories":92,"app":97},"7cf6f937-a7e2-4362-a4db-cd316f47cf02","A form for configuring application settings and environments, part of a multi-step setup process.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ffa52773b-ed71-46bf-a610-76e565773a92.png",1363,1700,[93],{"id":94,"title":95,"slug":96},284,"Modal","modal",{"slug":31,"title":30,"logo":33,"categories":98},[],{"uuid":100,"title":47,"description":101,"canonical_path":4,"image":102,"width":103,"height":104,"image_alt":51,"kind":52,"categories":105,"app":110},"0b4a73d5-5ded-4153-b2ea-d8cb53c30d28","A user interface displaying filtering options, a search bar, and an empty state message indicating no issues found.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb27371d5-4655-4fc4-a2ca-af26bbc51f6c.png",2664,809,[106],{"id":107,"title":108,"slug":109},302,"Empty state","emptystate",{"slug":31,"title":30,"logo":33,"categories":111},[],{"uuid":113,"title":47,"description":114,"canonical_path":4,"image":115,"width":116,"height":117,"image_alt":51,"kind":52,"categories":118,"app":123},"6dbaede2-3721-44a1-9b2e-ff687b17f078","A segmented control for filtering items by status or assignment, with 'Mine' currently selected.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa52dca30-a2e0-40d5-8be3-2c534a86767c.png",835,194,[119],{"id":120,"title":121,"slug":122},218,"Segmented control","segmented-control",{"slug":31,"title":30,"logo":33,"categories":124},[],{"uuid":126,"title":47,"description":127,"canonical_path":4,"image":128,"width":129,"height":130,"image_alt":51,"kind":52,"categories":131,"app":136},"db60c45d-dfda-4f15-8857-67fb24cd3e4b","A dashboard header with a date range selector.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8813ba6f-71bd-442b-9727-d44a0e99dd76.png",2661,320,[132],{"id":133,"title":134,"slug":135},225,"Sorting & filtering","sorting-filtering",{"slug":31,"title":30,"logo":33,"categories":137},[],{"uuid":139,"title":47,"description":140,"canonical_path":4,"image":141,"width":142,"height":143,"image_alt":51,"kind":52,"categories":144,"app":149},"b0eb6b1c-7778-44cc-a346-2f43a09dc5d0","A modal dialog for selecting a custom date range and time zone.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4a819604-9c20-47da-a06b-d7622a965cd2.png",677,796,[145],{"id":146,"title":147,"slug":148},184,"Datepicker","datepicker",{"slug":31,"title":30,"logo":33,"categories":150},[],{"uuid":152,"title":47,"description":153,"canonical_path":4,"image":154,"width":155,"height":156,"image_alt":51,"kind":52,"categories":157,"app":162},"acc05d6f-f761-493c-9796-c93bdee260f5","A sidebar navigation menu for a web application, displaying various sections like dashboard, issues, activity, monitoring, settings, and user profile.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ffc84d25a-558d-46b4-807b-ff6a963dd611.png",462,2587,[158],{"id":159,"title":160,"slug":161},209,"Vertical navigation","vertical-navigation",{"slug":31,"title":30,"logo":33,"categories":163},[],{"uuid":165,"title":47,"description":166,"canonical_path":4,"image":167,"width":168,"height":168,"image_alt":51,"kind":52,"categories":169,"app":174},"dd9794d7-577d-4b16-8b9a-5997b656244d","A modal displaying color options for an environment setting.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0ef93772-2e4d-4e27-8ac4-43a2458cb9ae.png",660,[170],{"id":171,"title":172,"slug":173},183,"Color picker","color-picker",{"slug":31,"title":30,"logo":33,"categories":175},[],{"uuid":177,"title":47,"description":178,"canonical_path":4,"image":179,"width":180,"height":181,"image_alt":51,"kind":52,"categories":182,"app":187},"13268f90-79b6-475c-a157-f0c4cf668066","A form field with an open dropdown menu for selecting an organization type.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fbd5e0841-1bfb-4fc0-9f6e-16fce2367b92.png",1305,649,[183],{"id":184,"title":185,"slug":186},204,"Input select","input-select",{"slug":31,"title":30,"logo":33,"categories":188},[],{"uuid":190,"title":47,"description":191,"canonical_path":4,"image":192,"width":193,"height":194,"image_alt":51,"kind":52,"categories":195,"app":200},"50243e37-aebb-485f-9013-a6e792498157","A pricing plan selection interface displaying different subscription tiers with their respective features and costs.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff47ec2b7-aa9e-4d43-9cf6-fa6398c68943.png",3120,1779,[196],{"id":197,"title":198,"slug":199},303,"Pricing section","pricing-section",{"slug":31,"title":30,"logo":33,"categories":201},[],[],[204,207,210,213,216,219,221,225,229,233],{"label":205,"to":206},"Nightwatch product screens","\u002Fexamples\u002Fapps\u002Fnightwatch\u002Fscreens",{"label":208,"to":209},"Nightwatch marketing pages","\u002Fexamples\u002Fapps\u002Fnightwatch\u002Fmarketing",{"label":211,"to":212},"Nightwatch user flows","\u002Fexamples\u002Fapps\u002Fnightwatch\u002Fflows",{"label":214,"to":215},"Monitoring app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmonitoring",{"label":217,"to":218},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":220,"to":18},"All SaaS app examples",{"label":222,"to":223,"description":224},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":226,"to":227,"description":228},"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":230,"to":231,"description":232},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":234,"to":235,"description":236},"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":238,"updated_at":239},"2025-12-29T13:59:58.000Z","2026-09-13T13:02:39.000Z"]