[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fuserjot\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":45,"showcases":197,"links":198,"dates":232},"\u002Fexamples\u002Fapps\u002Fuserjot\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"UserJot UI components examples - Nicelydone","Browse UserJot UI component design examples. Preview individual interface elements and explore related component categories. User Feedback, Feature…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3322010e-8fd3-49ab-854a-45e22a42f12d.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},"UserJot design examples","\u002Fexamples\u002Fapps\u002Fuserjot",{"label":23,"to":4},"UserJot UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse UserJot UI component design examples. Preview individual interface elements and explore related component categories. User Feedback, Feature Requests, Roadmaps & Changelog Tool",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":35,"categories":36},"UserJot","userjot","User Feedback, Feature Requests, Roadmaps & Changelog Tool","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fuserjot-xfelotnz.png","https:\u002F\u002Fuserjot.com","UserJotHQ",[37,41],{"id":38,"title":39,"slug":40},35,"Feedback","feedback",{"id":42,"title":43,"slug":44},86,"Product management","product-management",[46,61,74,84,97,110,123,136,149,161,174,184],{"uuid":47,"title":48,"description":49,"canonical_path":4,"image":11,"width":50,"height":51,"image_alt":52,"kind":53,"categories":54,"app":59},"277b8fe2-88e9-4366-b1a3-55695d984c7e","UserJot UI component","Email verification alert.",768,402,"UI component from UserJot","component",[55],{"id":56,"title":57,"slug":58},254,"Tooltip","tooltip-element",{"slug":31,"title":30,"logo":33,"categories":60},[],{"uuid":62,"title":48,"description":63,"canonical_path":4,"image":64,"width":65,"height":66,"image_alt":52,"kind":53,"categories":67,"app":72},"e792e12b-622a-4485-8f7a-1a36ed580097","The screenshot shows a modal for workspace management.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd4eab121-7e27-4e51-9c9f-c971d1b25fa7.png",507,460,[68],{"id":69,"title":70,"slug":71},190,"Dropdown menu","dropdown-menu",{"slug":31,"title":30,"logo":33,"categories":73},[],{"uuid":75,"title":48,"description":76,"canonical_path":4,"image":77,"width":78,"height":79,"image_alt":52,"kind":53,"categories":80,"app":82},"6480e378-dfd5-4f5c-9c72-de942777b939","A navigation menu with several options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F65abc07a-5d33-4017-b575-60d784f2dc89.png",519,733,[81],{"id":69,"title":70,"slug":71},{"slug":31,"title":30,"logo":33,"categories":83},[],{"uuid":85,"title":48,"description":86,"canonical_path":4,"image":87,"width":88,"height":89,"image_alt":52,"kind":53,"categories":90,"app":95},"f52073f9-0483-4a98-b48d-d31341d90645","The modal shows integration settings for Slack, allowing users to configure notification preferences.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F77945960-0ad3-496e-a99e-b38ac90aa8a5.png",808,1779,[91],{"id":92,"title":93,"slug":94},284,"Modal","modal",{"slug":31,"title":30,"logo":33,"categories":96},[],{"uuid":98,"title":48,"description":99,"canonical_path":4,"image":100,"width":101,"height":102,"image_alt":52,"kind":53,"categories":103,"app":108},"cbe258a1-44bf-4d59-a6e3-b523b35640ff","A settings panel for theme selection and branding options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fed501b46-d8b9-4870-9af5-df4532e07982.png",2109,664,[104],{"id":105,"title":106,"slug":107},256,"Theme settings","theme-settings",{"slug":31,"title":30,"logo":33,"categories":109},[],{"uuid":111,"title":48,"description":112,"canonical_path":4,"image":113,"width":114,"height":115,"image_alt":52,"kind":53,"categories":116,"app":121},"057d6562-3808-40b6-b204-6eecd3513d6f","The screenshot shows a branding settings panel with a color selection popover.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7a6832f3-08ea-4eaa-b254-85d05e86e999.png",2202,1760,[117],{"id":118,"title":119,"slug":120},183,"Color picker","color-picker",{"slug":31,"title":30,"logo":33,"categories":122},[],{"uuid":124,"title":48,"description":125,"canonical_path":4,"image":126,"width":127,"height":128,"image_alt":52,"kind":53,"categories":129,"app":134},"da0dc947-4a09-40a5-830c-e8023d14edce","Settings page","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4b2fdfd9-f5bb-4a76-a0d4-949448cc806c.png",1958,457,[130],{"id":131,"title":132,"slug":133},233,"Tabs","tabs",{"slug":31,"title":30,"logo":33,"categories":135},[],{"uuid":137,"title":48,"description":138,"canonical_path":4,"image":139,"width":140,"height":141,"image_alt":52,"kind":53,"categories":142,"app":147},"1b02ea05-231e-4c69-a055-082fc05d826a","The image shows a toggle switch and text related to hiding branding.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F33e079d2-6baf-4ebc-ad60-683e4cc8f46d.png",1956,300,[143],{"id":144,"title":145,"slug":146},236,"Toggle\u002FSwitch","toggle-switch",{"slug":31,"title":30,"logo":33,"categories":148},[],{"uuid":150,"title":48,"description":151,"canonical_path":4,"image":152,"width":153,"height":89,"image_alt":52,"kind":53,"categories":154,"app":159},"1746382f-4010-4f88-b792-691240176618","A conversational ai assistant interface.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ffa01936b-57a6-43a3-ae5d-a4f9bc9bee0f.png",642,[155],{"id":156,"title":157,"slug":158},294,"Artificial intelligence","ai",{"slug":31,"title":30,"logo":33,"categories":160},[],{"uuid":162,"title":48,"description":163,"canonical_path":4,"image":164,"width":165,"height":166,"image_alt":52,"kind":53,"categories":167,"app":172},"91b55509-ba29-4da4-ba3f-29b986f1810a","The screenshot displays a text editor interface with basic formatting options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb27c4029-c280-4608-9f44-5d8a38bf97da.png",1359,612,[168],{"id":169,"title":170,"slug":171},221,"Rich text editor","rich-text-editor",{"slug":31,"title":30,"logo":33,"categories":173},[],{"uuid":175,"title":48,"description":176,"canonical_path":4,"image":177,"width":178,"height":179,"image_alt":52,"kind":53,"categories":180,"app":182},"df52eb9b-b7b0-4383-8922-7a55d40ed20f","AI assistant interface for changelog assistance.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fdc4691a0-3815-4ae1-8e32-58c196872d2d.png",704,1831,[181],{"id":156,"title":157,"slug":158},{"slug":31,"title":30,"logo":33,"categories":183},[],{"uuid":185,"title":48,"description":186,"canonical_path":4,"image":187,"width":188,"height":189,"image_alt":52,"kind":53,"categories":190,"app":195},"0cd97801-db0d-4bb1-a04a-6eaab06b2698","A toggle switch between draft and published states.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F81ac3bd8-5047-4d26-a99f-758955d1da82.png",478,209,[191],{"id":192,"title":193,"slug":194},218,"Segmented control","segmented-control",{"slug":31,"title":30,"logo":33,"categories":196},[],[],[199,202,205,208,211,214,216,220,224,228],{"label":200,"to":201},"UserJot product screens","\u002Fexamples\u002Fapps\u002Fuserjot\u002Fscreens",{"label":203,"to":204},"UserJot marketing pages","\u002Fexamples\u002Fapps\u002Fuserjot\u002Fmarketing",{"label":206,"to":207},"UserJot user flows","\u002Fexamples\u002Fapps\u002Fuserjot\u002Fflows",{"label":209,"to":210},"Feedback app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffeedback",{"label":212,"to":213},"Product management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproduct-management",{"label":215,"to":18},"All SaaS app examples",{"label":217,"to":218,"description":219},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":221,"to":222,"description":223},"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":225,"to":226,"description":227},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":229,"to":230,"description":231},"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":233,"updated_at":234},"2025-10-06T11:05:36.000Z","2026-09-13T13:02:39.000Z"]