[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fcreatopy\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":51,"showcases":197,"links":198,"dates":235},"\u002Fexamples\u002Fapps\u002Fcreatopy\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Creatopy UI components examples - Nicelydone","Browse Creatopy UI component design examples. Preview individual interface elements and explore related component categories. Ad Campaigns for the AI Age","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9d4525a3-6a90-4eb4-84f6-c4e6d6bb9c78.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},"Creatopy design examples","\u002Fexamples\u002Fapps\u002Fcreatopy",{"label":23,"to":4},"Creatopy 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},"Creatopy","creatopy","Ad Campaigns  for the AI Age","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F34489b36-b68e-428c-97e3-5f0960355f9f.png","https:\u002F\u002Fwww.creatopy.com",[35,39,43,47],{"id":36,"title":37,"slug":38},8,"Design","design",{"id":40,"title":41,"slug":42},80,"Artificial Intelligence","artificial-intelligence",{"id":44,"title":45,"slug":46},25,"Marketing","marketing",{"id":48,"title":49,"slug":50},81,"Advertising","advertising",[52,67,80,93,106,116,129,142,154,164,174,187],{"uuid":53,"title":54,"description":55,"canonical_path":4,"image":11,"width":56,"height":57,"image_alt":58,"kind":59,"categories":60,"app":65},"8ef7720e-3711-4a83-8e73-760c20353c01","Creatopy UI component","A promotional banner encouraging users to extend their free trial by adding a team member.",936,196,"UI component from Creatopy","component",[61],{"id":62,"title":63,"slug":64},167,"Alert","alert",{"slug":30,"title":29,"logo":32,"categories":66},[],{"uuid":68,"title":54,"description":69,"canonical_path":4,"image":70,"width":71,"height":72,"image_alt":58,"kind":59,"categories":73,"app":78},"d4699300-d607-4700-a565-3391625dc96d","This screenshot showcases a context menu with various options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fffb98ec3-4160-4caf-8552-865ce92d354f.png",595,957,[74],{"id":75,"title":76,"slug":77},190,"Dropdown menu","dropdown-menu",{"slug":30,"title":29,"logo":32,"categories":79},[],{"uuid":81,"title":54,"description":82,"canonical_path":4,"image":83,"width":84,"height":85,"image_alt":58,"kind":59,"categories":86,"app":91},"eb01dcc8-da39-4126-b57d-b9e196b811f0","A modal with a slider to set the time delay between layers.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F77239350-872c-4db0-bd6e-5275dbbbaa4b.png",708,446,[87],{"id":88,"title":89,"slug":90},223,"Slider","slider",{"slug":30,"title":29,"logo":32,"categories":92},[],{"uuid":94,"title":54,"description":95,"canonical_path":4,"image":96,"width":97,"height":98,"image_alt":58,"kind":59,"categories":99,"app":104},"411cfb9a-432f-4b26-89b6-2214d78de4c3","The screenshot displays a modal for inserting elements into a design.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc845e287-dfc6-4c02-be0b-ee63cd7167f0.png",699,1670,[100],{"id":101,"title":102,"slug":103},246,"Toolbox","toolbox",{"slug":30,"title":29,"logo":32,"categories":105},[],{"uuid":107,"title":54,"description":108,"canonical_path":4,"image":109,"width":110,"height":111,"image_alt":58,"kind":59,"categories":112,"app":114},"c41c8705-89e4-4e79-88a6-a189a4b95a48","The screenshot shows a UI panel for editing properties of a design element, including layer position, text content, style, and fill color.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2e1003ec-c245-404f-82e6-a73e54b3e81b.png",592,1645,[113],{"id":101,"title":102,"slug":103},{"slug":30,"title":29,"logo":32,"categories":115},[],{"uuid":117,"title":54,"description":118,"canonical_path":4,"image":119,"width":120,"height":121,"image_alt":58,"kind":59,"categories":122,"app":127},"0608bc13-74e9-4abf-82b8-3b3568c67168","A testimonial carousel with a quote from a university","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fbd85f4fa-4766-41be-bf05-e4bdee68704c.png",3019,1745,[123],{"id":124,"title":125,"slug":126},232,"Testimonial","testimonial",{"slug":30,"title":29,"logo":32,"categories":128},[],{"uuid":130,"title":54,"description":131,"canonical_path":4,"image":132,"width":133,"height":134,"image_alt":58,"kind":59,"categories":135,"app":140},"a42c8490-7c14-4a74-901d-1cf2344ac914","A frequently asked questions section with expandable questions.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd5c8545d-feb6-46f8-bae4-4949cdc4bbc5.png",2688,974,[136],{"id":137,"title":138,"slug":139},189,"FAQ","faq",{"slug":30,"title":29,"logo":32,"categories":141},[],{"uuid":143,"title":54,"description":144,"canonical_path":4,"image":145,"width":133,"height":146,"image_alt":58,"kind":59,"categories":147,"app":152},"dc6b37c6-c55a-4a4c-8bc2-bad3be8b58cf","The screenshot showcases a marketing platform with features like AI translation, text generation, brand templates, resizing, ad publishing, and collaboration tools.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ffac5180b-4e97-4c47-a4c6-aae5e30bfa7e.png",3234,[148],{"id":149,"title":150,"slug":151},298,"Bento box","bento-grid",{"slug":30,"title":29,"logo":32,"categories":153},[],{"uuid":155,"title":54,"description":156,"canonical_path":4,"image":157,"width":158,"height":159,"image_alt":58,"kind":59,"categories":160,"app":162},"df736cf8-bc9e-4a8a-8256-cbc091bb7bee","The screenshot showcases customer testimonials for Ad Studio, highlighting positive experiences and benefits of using the platform.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc3a372ee-24d4-4970-901a-ab6c74e53090.png",2772,2410,[161],{"id":124,"title":125,"slug":126},{"slug":30,"title":29,"logo":32,"categories":163},[],{"uuid":165,"title":54,"description":166,"canonical_path":4,"image":167,"width":168,"height":169,"image_alt":58,"kind":59,"categories":170,"app":172},"1b0b3618-0348-40d5-963e-0723829d4582","A testimonial with a bar chart","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F22c05ccd-d345-4ca7-9ebe-5278e11acdbf.png",2677,1502,[171],{"id":124,"title":125,"slug":126},{"slug":30,"title":29,"logo":32,"categories":173},[],{"uuid":175,"title":54,"description":176,"canonical_path":4,"image":177,"width":178,"height":179,"image_alt":58,"kind":59,"categories":180,"app":185},"5bc4e9a4-77de-4778-8f7f-dbe65af2350e","Creatopy landing page showcasing popular features.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd9c55526-0443-47d3-a1df-4c743d177b51.png",2692,1245,[181],{"id":182,"title":183,"slug":184},290,"Flyout menu","flyout-menu",{"slug":30,"title":29,"logo":32,"categories":186},[],{"uuid":188,"title":54,"description":189,"canonical_path":4,"image":190,"width":191,"height":192,"image_alt":58,"kind":59,"categories":193,"app":195},"626fbdbd-f559-45b9-8202-ddfb99e44373","Creatopy's landing page showcasing industries, use cases, and ad creation options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F009bea6e-f93e-41d0-b91a-ff8c96d221c4.png",2655,1170,[194],{"id":182,"title":183,"slug":184},{"slug":30,"title":29,"logo":32,"categories":196},[],[],[199,202,205,208,211,214,217,219,223,227,231],{"label":200,"to":201},"Creatopy product screens","\u002Fexamples\u002Fapps\u002Fcreatopy\u002Fscreens",{"label":203,"to":204},"Creatopy marketing pages","\u002Fexamples\u002Fapps\u002Fcreatopy\u002Fmarketing",{"label":206,"to":207},"Creatopy user flows","\u002Fexamples\u002Fapps\u002Fcreatopy\u002Fflows",{"label":209,"to":210},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":212,"to":213},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":215,"to":216},"Marketing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmarketing",{"label":218,"to":18},"All SaaS app examples",{"label":220,"to":221,"description":222},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":224,"to":225,"description":226},"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":228,"to":229,"description":230},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":232,"to":233,"description":234},"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":236,"updated_at":237},"2025-05-12T09:57:05.000Z","2026-09-13T13:02:39.000Z"]