[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fproductboard\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":199,"links":200,"dates":237},"\u002Fexamples\u002Fapps\u002Fproductboard\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Productboard UI components examples - Nicelydone","Browse Productboard UI component design examples. Preview individual interface elements and explore related component categories. Product management software","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3a48bbd4-2d31-4e7d-a8ee-0d3968c4db00.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},"Productboard design examples","\u002Fexamples\u002Fapps\u002Fproductboard",{"label":23,"to":4},"Productboard 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},"Productboard","productboard","Product management software","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fproductboard-a6574eef.png","https:\u002F\u002Fwww.productboard.com",[35,39,43],{"id":36,"title":37,"slug":38},86,"Product management","product-management",{"id":40,"title":41,"slug":42},35,"Feedback","feedback",{"id":44,"title":45,"slug":46},80,"Artificial Intelligence","artificial-intelligence",[48,63,73,88,103,118,133,147,162,172,187],{"uuid":49,"title":50,"description":51,"canonical_path":4,"image":11,"width":52,"height":53,"image_alt":54,"kind":55,"categories":56,"app":61},"363202bb-5051-45f6-b8c6-e5f17288ff40","Productboard UI component","This is a website header with a dropdown menu and a call to action button.",2871,1436,"UI component from Productboard","component",[57],{"id":58,"title":59,"slug":60},290,"Flyout menu","flyout-menu",{"slug":30,"title":29,"logo":32,"categories":62},[],{"uuid":64,"title":50,"description":65,"canonical_path":4,"image":66,"width":67,"height":68,"image_alt":54,"kind":55,"categories":69,"app":71},"07a896e6-a2d0-4336-8f8e-ab7956b80068","Product features and video explanation on a landing page.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2f843a87-2e5c-4d7e-a2a9-44106b89ff4b.png",2219,1447,[70],{"id":58,"title":59,"slug":60},{"slug":30,"title":29,"logo":32,"categories":72},[],{"uuid":74,"title":75,"description":76,"canonical_path":4,"image":77,"width":78,"height":79,"image_alt":80,"kind":55,"categories":81,"app":86},"ed9fb7f9-0ab8-4a96-8457-1c4b04f8f580","Customer Testimonial","A customer testimonial featuring a quote, an avatar, and the speaker's name and title.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fed9fb7f9-0ab8-4a96-8457-1c4b04f8f580.png",531,614,"Customer Testimonial from Productboard",[82],{"id":83,"title":84,"slug":85},232,"Testimonial","testimonial",{"slug":30,"title":29,"logo":32,"categories":87},[],{"uuid":89,"title":90,"description":91,"canonical_path":4,"image":92,"width":93,"height":94,"image_alt":95,"kind":55,"categories":96,"app":101},"ff0836a4-f350-49a2-b49b-1dce59b6e8e4","Blog post card","A card displaying a blog post with a cover image, category, title, and author attribution.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fff0836a4-f350-49a2-b49b-1dce59b6e8e4.png",636,792,"Blog post card from Productboard",[97],{"id":98,"title":99,"slug":100},174,"Card","card",{"slug":30,"title":29,"logo":32,"categories":102},[],{"uuid":104,"title":105,"description":106,"canonical_path":4,"image":107,"width":108,"height":109,"image_alt":110,"kind":55,"categories":111,"app":116},"f31071a6-c30e-404a-a2c5-2c62082a8679","FAQ Section","A frequently asked questions section featuring a list of collapsible questions and a contact email for further inquiries.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff31071a6-c30e-404a-a2c5-2c62082a8679.png",3200,1976,"FAQ Section from Productboard",[112],{"id":113,"title":114,"slug":115},189,"FAQ","faq",{"slug":30,"title":29,"logo":32,"categories":117},[],{"uuid":119,"title":120,"description":121,"canonical_path":4,"image":122,"width":123,"height":124,"image_alt":125,"kind":55,"categories":126,"app":131},"ddf5ba1a-c732-4d7d-8262-dd6a21e1aaf4","Integration diagram","A diagram illustrating data flow from various insight integrations into a central hub, and then out to delivery integrations. It uses app logos connected by dotted lines.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fddf5ba1a-c732-4d7d-8262-dd6a21e1aaf4.png",2039,1148,"Integration diagram from Productboard",[127],{"id":128,"title":129,"slug":130},278,"Illustration","illustration",{"slug":30,"title":29,"logo":32,"categories":132},[],{"uuid":134,"title":135,"description":136,"canonical_path":4,"image":137,"width":108,"height":138,"image_alt":139,"kind":55,"categories":140,"app":145},"c73eaba8-468c-4815-a884-53de378019b7","Website footer","A comprehensive website footer featuring a multi-column link directory and a distinct blue bottom section containing legal links, copyright information, and social media icons.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc73eaba8-468c-4815-a884-53de378019b7.png",1880,"Website footer from Productboard",[141],{"id":142,"title":143,"slug":144},202,"Footer","footer",{"slug":30,"title":29,"logo":32,"categories":146},[],{"uuid":148,"title":149,"description":150,"canonical_path":4,"image":151,"width":152,"height":153,"image_alt":154,"kind":55,"categories":155,"app":160},"fbd5e291-62c3-405b-be65-dab47c99db1f","Newsletter signup banner","A horizontal banner for newsletter subscription, featuring a headline, an email input field, a subscribe button, and a consent checkbox.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ffbd5e291-62c3-405b-be65-dab47c99db1f.png",2528,672,"Newsletter signup banner from Productboard",[156],{"id":157,"title":158,"slug":159},210,"Newsletter signup form","newsletter-signup-form",{"slug":30,"title":29,"logo":32,"categories":161},[],{"uuid":163,"title":75,"description":164,"canonical_path":4,"image":165,"width":166,"height":167,"image_alt":80,"kind":55,"categories":168,"app":170},"780dc411-e417-48f5-a53e-e5be9ba7c2f8","A customer testimonial featuring a circular portrait photo of the speaker on the left, with a large quote and attribution text on the right.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F780dc411-e417-48f5-a53e-e5be9ba7c2f8.png",1982,655,[169],{"id":83,"title":84,"slug":85},{"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},"7495062c-5076-44fe-9464-6a5bc70e35b8","Logo wall","A section displaying a grid of customer logos beneath a headline.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7495062c-5076-44fe-9464-6a5bc70e35b8.png",2391,837,"Logo wall from Productboard",[181],{"id":182,"title":183,"slug":184},224,"Social proof","social-proof",{"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},"0d1c2768-7564-4dda-b456-aade5016ad22","Testimonial block","A customer testimonial featuring a quote, the author's avatar, name, and job title.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0d1c2768-7564-4dda-b456-aade5016ad22.png",1234,499,"Testimonial block from Productboard",[196],{"id":83,"title":84,"slug":85},{"slug":30,"title":29,"logo":32,"categories":198},[],[],[201,204,207,210,213,216,219,221,225,229,233],{"label":202,"to":203},"Productboard product screens","\u002Fexamples\u002Fapps\u002Fproductboard\u002Fscreens",{"label":205,"to":206},"Productboard marketing pages","\u002Fexamples\u002Fapps\u002Fproductboard\u002Fmarketing",{"label":208,"to":209},"Productboard user flows","\u002Fexamples\u002Fapps\u002Fproductboard\u002Fflows",{"label":211,"to":212},"Product management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproduct-management",{"label":214,"to":215},"Feedback app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffeedback",{"label":217,"to":218},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"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},"2020-11-29T21:55:25.000Z","2026-09-13T13:02:39.000Z"]