[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fjasper\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":219},"\u002Fexamples\u002Fapps\u002Fjasper\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Jasper UI components examples - Nicelydone","Browse Jasper UI component design examples. Preview individual interface elements and explore related component categories. AI Copywriter","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F64c0b9f2-64b6-4d8f-8948-5a253d7c7dac.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},"Jasper design examples","\u002Fexamples\u002Fapps\u002Fjasper",{"label":23,"to":4},"Jasper 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,"categories":34},"Jasper","jasper","AI Copywriter","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fjasper-9e3545c6.png","https:\u002F\u002Fwww.jasper.ai",[35,39,43],{"id":36,"title":37,"slug":38},80,"Artificial Intelligence","artificial-intelligence",{"id":40,"title":41,"slug":42},25,"Marketing","marketing",{"id":44,"title":45,"slug":46},59,"Writing tools","writing-tools",[48,63,73,86,99,112,125,135,147,160,173,186],{"uuid":49,"title":50,"description":51,"canonical_path":4,"image":11,"width":52,"height":53,"image_alt":54,"kind":55,"categories":56,"app":61},"a7081152-f053-4f2a-b2e7-3d7c7e8652c7","Jasper UI component","A modal showing Surfer SEO integration settings.",1667,478,"UI component from Jasper","component",[57],{"id":58,"title":59,"slug":60},236,"Toggle\u002FSwitch","toggle-switch",{"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},"8b7c41c7-631a-49eb-a089-1c64f25073c6","The image shows a Surfer SEO integration description with a toggle.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd4675652-c151-4351-aa0c-e44753f65658.png",1579,397,[70],{"id":58,"title":59,"slug":60},{"slug":30,"title":29,"logo":32,"categories":72},[],{"uuid":74,"title":50,"description":75,"canonical_path":4,"image":76,"width":77,"height":78,"image_alt":54,"kind":55,"categories":79,"app":84},"b3f3bc0f-7ff8-41bb-b639-9494301fb9d7","A conversational ai interface.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4fa022b4-373d-4338-b4e8-3bcc92e2c119.png",1696,948,[80],{"id":81,"title":82,"slug":83},294,"Artificial intelligence","ai",{"slug":30,"title":29,"logo":32,"categories":85},[],{"uuid":87,"title":50,"description":88,"canonical_path":4,"image":89,"width":90,"height":91,"image_alt":54,"kind":55,"categories":92,"app":97},"efa3126d-e6f6-413d-97eb-c55db953e952","The screenshot displays a workspace app interface with a search bar, filter option, and a section highlighting custom apps.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F69db32a9-3117-467e-8f06-c438edd33ae2.png",2742,1325,[93],{"id":94,"title":95,"slug":96},255,"Upgrade your plan","upgrade-your-plan",{"slug":30,"title":29,"logo":32,"categories":98},[],{"uuid":100,"title":50,"description":101,"canonical_path":4,"image":102,"width":103,"height":104,"image_alt":54,"kind":55,"categories":105,"app":110},"876bcf13-9668-4ab5-828d-5eba820e34d5","The modal shows a drag and drop area for uploading files.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F357746fa-372d-442d-92cc-ea510bbdcadb.png",1408,779,[106],{"id":107,"title":108,"slug":109},188,"File upload input","file-upload-input",{"slug":30,"title":29,"logo":32,"categories":111},[],{"uuid":113,"title":50,"description":114,"canonical_path":4,"image":115,"width":116,"height":117,"image_alt":54,"kind":55,"categories":118,"app":123},"b3c902c0-098a-4cb2-a67b-e1cd566463a6","A tag selection component.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F92fae00b-729e-4b79-93a5-455360431404.png",1000,295,[119],{"id":120,"title":121,"slug":122},252,"Input tag","input-tag",{"slug":30,"title":29,"logo":32,"categories":124},[],{"uuid":126,"title":50,"description":127,"canonical_path":4,"image":128,"width":129,"height":130,"image_alt":54,"kind":55,"categories":131,"app":133},"0b08b4b5-cb85-4993-a748-b9572fe3e808","The screenshot shows a modal for adding tags.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa1804819-6f09-4e2b-b142-8b35ccccae0f.png",1042,539,[132],{"id":120,"title":121,"slug":122},{"slug":30,"title":29,"logo":32,"categories":134},[],{"uuid":136,"title":50,"description":137,"canonical_path":4,"image":138,"width":116,"height":139,"image_alt":54,"kind":55,"categories":140,"app":145},"d34c6fc7-c450-4b10-a041-ab62fadffb74","The image shows a voice access setting with two options: 'Anyone in Nicelydone' and 'Private to me'.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc9bd13af-e0f0-48ac-9b18-95cd6134670c.png",508,[141],{"id":142,"title":143,"slug":144},179,"Checkbox & radio","checkbox-radio",{"slug":30,"title":29,"logo":32,"categories":146},[],{"uuid":148,"title":50,"description":149,"canonical_path":4,"image":150,"width":151,"height":152,"image_alt":54,"kind":55,"categories":153,"app":158},"76ebf70e-eb9d-4318-873b-929316140aff","A document editor interface.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5a4a3a63-c0d4-4fd3-893d-4b0796381607.png",2076,1372,[154],{"id":155,"title":156,"slug":157},221,"Rich text editor","rich-text-editor",{"slug":30,"title":29,"logo":32,"categories":159},[],{"uuid":161,"title":50,"description":162,"canonical_path":4,"image":163,"width":164,"height":165,"image_alt":54,"kind":55,"categories":166,"app":171},"fc244c42-fa11-4270-8d1b-1ba735173341","A toast notification indicating text has been copied to the clipboard.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7012ea87-6845-410e-ac58-a7d14afb2814.png",1195,168,[167],{"id":168,"title":169,"slug":170},247,"Notification Toast","notification-element",{"slug":30,"title":29,"logo":32,"categories":172},[],{"uuid":174,"title":50,"description":175,"canonical_path":4,"image":176,"width":177,"height":178,"image_alt":54,"kind":55,"categories":179,"app":184},"71b55dc8-9bd9-494f-ab8c-6433d1b511a0","The screenshot showcases a clean and user-friendly interface of a web application.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F97fc9ce4-f552-49d2-81a7-9bc2f0899063.png",449,1769,[180],{"id":181,"title":182,"slug":183},209,"Vertical navigation","vertical-navigation",{"slug":30,"title":29,"logo":32,"categories":185},[],{"uuid":187,"title":50,"description":188,"canonical_path":4,"image":189,"width":190,"height":191,"image_alt":54,"kind":55,"categories":192,"app":197},"ab9dbf01-d738-4ac8-a658-66d5c61b1054","The image shows a testimonial from a customer.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F71d687ad-3aaf-46a9-b8fd-7052c809fe85.png",1828,2192,[193],{"id":194,"title":195,"slug":196},232,"Testimonial","testimonial",{"slug":30,"title":29,"logo":32,"categories":198},[],[],[201,204,207,210,213,216],{"label":202,"to":203},"Jasper product screens","\u002Fexamples\u002Fapps\u002Fjasper\u002Fscreens",{"label":205,"to":206},"Jasper marketing pages","\u002Fexamples\u002Fapps\u002Fjasper\u002Fmarketing",{"label":208,"to":209},"Jasper user flows","\u002Fexamples\u002Fapps\u002Fjasper\u002Fflows",{"label":211,"to":212},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":214,"to":215},"Marketing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmarketing",{"label":217,"to":218},"Writing tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fwriting-tools",{"published_at":220,"updated_at":221},"2023-05-15T20:35:19.000Z","2026-09-13T13:02:39.000Z"]