[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Ffeatureos\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":183,"links":184,"dates":218},"\u002Fexamples\u002Fapps\u002Ffeatureos\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"FeatureOS UI components examples - Nicelydone","Browse FeatureOS UI component design examples. Preview individual interface elements and explore related component categories. Turn every piece of feedback…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fedfdf432-79b4-48e7-9c4d-575cc7cc0270.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},"FeatureOS design examples","\u002Fexamples\u002Fapps\u002Ffeatureos",{"label":23,"to":4},"FeatureOS UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse FeatureOS UI component design examples. Preview individual interface elements and explore related component categories. Turn every piece of feedback into your competitive edge",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"FeatureOS","featureos","Turn every piece of feedback into your competitive edge","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ffeatureos-3jiqbpun.png","https:\u002F\u002Ffeatureos.app",[36,40],{"id":37,"title":38,"slug":39},86,"Product management","product-management",{"id":41,"title":42,"slug":43},35,"Feedback","feedback",[45,60,73,86,96,106,115,125,135,145,158,171],{"uuid":46,"title":47,"description":48,"canonical_path":4,"image":11,"width":49,"height":50,"image_alt":51,"kind":52,"categories":53,"app":58},"811d2899-7b65-4707-a926-064e15fd58ec","FeatureOS UI component","A help center interface with a search bar and suggested topics.",1728,891,"UI component from FeatureOS","component",[54],{"id":55,"title":56,"slug":57},294,"Artificial intelligence","ai",{"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},"b7c50254-5d84-4f47-98ce-ec68dc6b5dac","The screenshot displays a timeline of activities performed by a user.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fae0df299-777e-4fd1-9c0b-33c3040c0817.png",1686,1245,[67],{"id":68,"title":69,"slug":70},249,"Timeline & history","timeline-history",{"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},"6ba52dcf-f4be-420c-a30a-28fd1109b298","A line chart displaying activity traffic over time.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9d968833-a3b0-4d7e-98fb-ee6f8c0a9b00.png",1688,995,[80],{"id":81,"title":82,"slug":83},186,"Charts","charts",{"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":94},"d28ea3ed-9896-459b-a187-38039a75f760","The screenshot displays an AI-generated summary of an article, outlining the subscription or upgrade process for a Nicelydone account, including title and description analysis.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F02ff414c-92ff-4aa7-b03e-768cbaa7ac0d.png",1712,982,[93],{"id":55,"title":56,"slug":57},{"slug":31,"title":30,"logo":33,"categories":95},[],{"uuid":97,"title":47,"description":98,"canonical_path":4,"image":99,"width":100,"height":101,"image_alt":51,"kind":52,"categories":102,"app":104},"cf2025d0-0d79-473e-85b1-750c9518e6d0","The screenshot displays a log of activities related to articles, showing updates and creation events with timestamps and user information.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F00a4e48d-5979-4a67-9a96-1ef80c08d820.png",1710,741,[103],{"id":68,"title":69,"slug":70},{"slug":31,"title":30,"logo":33,"categories":105},[],{"uuid":107,"title":47,"description":108,"canonical_path":4,"image":109,"width":90,"height":110,"image_alt":51,"kind":52,"categories":111,"app":113},"31ec463e-bdae-4f94-8af7-82b9561b25e4","The UI shows a section for AI summary generation.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc19fdfeb-89a1-4fce-9fd0-b12804840832.png",445,[112],{"id":55,"title":56,"slug":57},{"slug":31,"title":30,"logo":33,"categories":114},[],{"uuid":116,"title":47,"description":117,"canonical_path":4,"image":118,"width":119,"height":120,"image_alt":51,"kind":52,"categories":121,"app":123},"f880c08b-4c96-4db3-870f-84c6a71f0440","A modal showing publish options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F050c0a53-8ae0-4bce-8d89-565b1b467767.png",874,448,[122],{"id":55,"title":56,"slug":57},{"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":133},"38b4141b-81ea-4c17-9722-6a320a8dd541","The screenshot displays a modal for adding a changelog, offering options to generate it using AI or create it manually.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd219351e-3f76-4239-ac5e-faa39c68103c.png",1180,988,[132],{"id":55,"title":56,"slug":57},{"slug":31,"title":30,"logo":33,"categories":134},[],{"uuid":136,"title":47,"description":137,"canonical_path":4,"image":138,"width":139,"height":140,"image_alt":51,"kind":52,"categories":141,"app":143},"223be8c5-f996-4f6a-b527-caf8f9c2e587","The screenshot displays a calendar view with a focus on planning and scheduling.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4a951b93-0549-4b28-8beb-273cb6252bb3.png",2470,480,[142],{"id":68,"title":69,"slug":70},{"slug":31,"title":30,"logo":33,"categories":144},[],{"uuid":146,"title":47,"description":147,"canonical_path":4,"image":148,"width":149,"height":150,"image_alt":51,"kind":52,"categories":151,"app":156},"5aa7fbea-09c5-484e-bd68-785e54ccd221","A roadmap process with three steps.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1b51dbd2-8b0e-40c3-bd89-d8d94f0aa8a2.png",573,660,[152],{"id":153,"title":154,"slug":155},213,"Progress indicator","progress-indicator",{"slug":31,"title":30,"logo":33,"categories":157},[],{"uuid":159,"title":47,"description":160,"canonical_path":4,"image":161,"width":162,"height":163,"image_alt":51,"kind":52,"categories":164,"app":169},"8b2cc36f-2d6c-4f3b-91fe-91b0961bb352","A toggle switch to auto-select a board.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6860316a-5705-4753-bc7d-e5207836cbbd.png",1661,321,[165],{"id":166,"title":167,"slug":168},236,"Toggle\u002FSwitch","toggle-switch",{"slug":31,"title":30,"logo":33,"categories":170},[],{"uuid":172,"title":47,"description":173,"canonical_path":4,"image":174,"width":162,"height":175,"image_alt":51,"kind":52,"categories":176,"app":181},"ccfe173b-03b4-4171-a16a-372a72fc9ee1","The screenshot shows a banner suggesting widget customization options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcce2334e-f1d6-4064-be93-c86ee6bd784f.png",365,[177],{"id":178,"title":179,"slug":180},167,"Alert","alert",{"slug":31,"title":30,"logo":33,"categories":182},[],[],[185,188,191,194,197,200,202,206,210,214],{"label":186,"to":187},"FeatureOS product screens","\u002Fexamples\u002Fapps\u002Ffeatureos\u002Fscreens",{"label":189,"to":190},"FeatureOS marketing pages","\u002Fexamples\u002Fapps\u002Ffeatureos\u002Fmarketing",{"label":192,"to":193},"FeatureOS user flows","\u002Fexamples\u002Fapps\u002Ffeatureos\u002Fflows",{"label":195,"to":196},"Product management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproduct-management",{"label":198,"to":199},"Feedback app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffeedback",{"label":201,"to":18},"All SaaS app examples",{"label":203,"to":204,"description":205},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":207,"to":208,"description":209},"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":211,"to":212,"description":213},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":215,"to":216,"description":217},"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":219,"updated_at":220},"2025-06-23T12:38:55.000Z","2026-09-13T13:02:39.000Z"]