[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fexactly\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":222,"links":223,"dates":239},"\u002Fexamples\u002Fapps\u002Fexactly\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Exactly UI components examples - Nicelydone","Browse Exactly UI component design examples. Preview individual interface elements and explore related component categories. Create images in seconds with…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4332bea3-2828-45d3-b7e6-7b2ec8048439.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},"Exactly design examples","\u002Fexamples\u002Fapps\u002Fexactly",{"label":23,"to":4},"Exactly UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Exactly UI component design examples. Preview individual interface elements and explore related component categories. Create images in seconds with an AI that understands your style",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":35,"categories":36},"Exactly","exactly","Create images in seconds with an AI that understands your style","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fexactly-8f7f0061.png","https:\u002F\u002Fexactly.ai","exactly_ai",[37,41],{"id":38,"title":39,"slug":40},80,"Artificial Intelligence","artificial-intelligence",{"id":42,"title":43,"slug":44},8,"Design","design",[46,61,76,90,104,119,134,147,162,177,192,207],{"uuid":47,"title":48,"description":49,"canonical_path":4,"image":11,"width":50,"height":51,"image_alt":52,"kind":53,"categories":54,"app":59},"f36f06ae-5608-458f-a0d9-2916852fed57","AI Image Generation Panel","A floating panel for generating AI images, featuring a prompt input area, style thumbnails, a primary 'Create' button, and a secondary sketch tool section with drawing controls.",604,1084,"AI Image Generation Panel from Exactly","component",[55],{"id":56,"title":57,"slug":58},246,"Toolbox","toolbox",{"slug":31,"title":30,"logo":33,"categories":60},[],{"uuid":62,"title":63,"description":64,"canonical_path":4,"image":65,"width":66,"height":67,"image_alt":68,"kind":53,"categories":69,"app":74},"e0eee75e-d05f-4807-8d05-c72e2a6d20d6","Floating image gallery","A floating horizontal list of generated image thumbnails with a selected state and utility controls on the right.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F928509a1-d5fc-4492-9f40-485887ed7c04.png",2544,380,"Floating image gallery from Exactly",[70],{"id":71,"title":72,"slug":73},287,"Horizontal list","horizontal-list",{"slug":31,"title":30,"logo":33,"categories":75},[],{"uuid":77,"title":78,"description":79,"canonical_path":4,"image":80,"width":50,"height":81,"image_alt":82,"kind":53,"categories":83,"app":88},"81610697-1582-4286-b2ed-b8041df21872","Upscale options menu","A small floating menu or popover containing a toggle switch for 'Auto upscale' and a button to 'Upscale image'.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9ad0a3d6-9ba2-4c44-b2bd-ad52472f85bd.png",340,"Upscale options menu from Exactly",[84],{"id":85,"title":86,"slug":87},236,"Toggle\u002FSwitch","toggle-switch",{"slug":31,"title":30,"logo":33,"categories":89},[],{"uuid":91,"title":92,"description":93,"canonical_path":4,"image":94,"width":50,"height":95,"image_alt":96,"kind":53,"categories":97,"app":102},"86c28ba0-28f8-4c0d-a3af-ec46f7cf5614","Color palette selector","A color selection panel featuring a toggle switch, a row of large selected color swatches with an add button, and a grid of smaller predefined color options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F117f55d4-f01e-4342-9a24-47bf836e40a2.png",488,"Color palette selector from Exactly",[98],{"id":99,"title":100,"slug":101},183,"Color picker","color-picker",{"slug":31,"title":30,"logo":33,"categories":103},[],{"uuid":105,"title":106,"description":107,"canonical_path":4,"image":108,"width":109,"height":110,"image_alt":111,"kind":53,"categories":112,"app":117},"a64800ed-5998-4ce2-9306-3e30d2a2ebae","Exactly UI component","A modal showing the current plan and an upgrade button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fdadda885-6181-44e2-bc67-d6a4a4f52e2a.png",824,658,"UI component from Exactly",[113],{"id":114,"title":115,"slug":116},255,"Upgrade your plan","upgrade-your-plan",{"slug":31,"title":30,"logo":33,"categories":118},[],{"uuid":120,"title":121,"description":122,"canonical_path":4,"image":123,"width":124,"height":125,"image_alt":126,"kind":53,"categories":127,"app":132},"e213d8d3-c22d-4806-8532-dcb62e97a320","Image generation loading state","A loading state for an AI image generation canvas, showing a sketched rocket ship with a central loading spinner, and four smaller thumbnail placeholders below, each with its own loading spinner.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F932ca97f-a720-4575-b252-0f3f29bea7f6.png",1686,1850,"Image generation loading state from Exactly",[128],{"id":129,"title":130,"slug":131},226,"Skeleton","skeleton",{"slug":31,"title":30,"logo":33,"categories":133},[],{"uuid":135,"title":136,"description":137,"canonical_path":4,"image":138,"width":50,"height":51,"image_alt":139,"kind":53,"categories":140,"app":145},"4cac2a8d-31c2-4d62-93c6-2c510283c678","AI Image Generation Controls","A floating panel containing controls for AI image generation, including a text prompt input, a primary 'Create' button, various tool icons, and a section for sketch-based input with drawing tools and an upload option.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3d4fcb82-b5ce-4e04-8c71-dbe2ea2847e3.png","AI Image Generation Controls from Exactly",[141],{"id":142,"title":143,"slug":144},294,"Artificial intelligence","ai",{"slug":31,"title":30,"logo":33,"categories":146},[],{"uuid":148,"title":149,"description":150,"canonical_path":4,"image":151,"width":152,"height":153,"image_alt":154,"kind":53,"categories":155,"app":160},"d0097a06-f5ef-4615-98c4-2a9442084027","Model creation card","A card displaying the creation progress of a new AI model, featuring a thumbnail image, a title, and a progress bar indicating the 'Creating' status.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7b142bff-7eef-4bc0-b2a0-428e2db3ab77.png",521,513,"Model creation card from Exactly",[156],{"id":157,"title":158,"slug":159},213,"Progress indicator","progress-indicator",{"slug":31,"title":30,"logo":33,"categories":161},[],{"uuid":163,"title":164,"description":165,"canonical_path":4,"image":166,"width":167,"height":168,"image_alt":169,"kind":53,"categories":170,"app":175},"e761fdac-a403-49f1-95c3-f1b8cb19baed","Image caption card","A card displaying an uploaded image with a text area below it for entering an image description. The text area includes a character counter.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe68c101c-15cb-4404-b5c1-ddf9533752ab.png",691,867,"Image caption card from Exactly",[171],{"id":172,"title":173,"slug":174},174,"Card","card",{"slug":31,"title":30,"logo":33,"categories":176},[],{"uuid":178,"title":179,"description":180,"canonical_path":4,"image":181,"width":182,"height":183,"image_alt":184,"kind":53,"categories":185,"app":190},"0a9df38c-5be4-406f-b8b2-3f6d5c2f78c1","Onboarding coachmark","A dark-themed onboarding coachmark overlaying a light-themed AI generation interface. The coachmark welcomes the user and prompts them to create a style model, with a primary CTA and a skip button. The underlying interface shows an image description input and generation controls.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd7b9b495-1d78-49b9-9239-6ea7edbd0f1b.png",1751,676,"Onboarding coachmark from Exactly",[186],{"id":187,"title":188,"slug":189},181,"Coachmark","coachmark",{"slug":31,"title":30,"logo":33,"categories":191},[],{"uuid":193,"title":194,"description":195,"canonical_path":4,"image":196,"width":197,"height":198,"image_alt":199,"kind":53,"categories":200,"app":205},"fd279ae1-07c3-4d74-ab28-0f3361cc33ad","Social login buttons","Two pill-shaped buttons for social login, one for Google and one for Facebook.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff8518578-a46d-4d88-90d7-3672ed6badc9.png",888,359,"Social login buttons from Exactly",[201],{"id":202,"title":203,"slug":204},289,"Social login button","social-login-button",{"slug":31,"title":30,"logo":33,"categories":206},[],{"uuid":208,"title":209,"description":210,"canonical_path":4,"image":211,"width":212,"height":213,"image_alt":214,"kind":53,"categories":215,"app":220},"64627f43-b9a9-42f6-bd56-f548cfcf50bf","FAQ section","A frequently asked questions section displaying a list of questions and their corresponding answers in a two-column layout.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb71bef90-2b26-427d-92f8-ceeb4732f7db.png",2863,1238,"FAQ section from Exactly",[216],{"id":217,"title":218,"slug":219},189,"FAQ","faq",{"slug":31,"title":30,"logo":33,"categories":221},[],[],[224,227,230,233,236],{"label":225,"to":226},"Exactly product screens","\u002Fexamples\u002Fapps\u002Fexactly\u002Fscreens",{"label":228,"to":229},"Exactly marketing pages","\u002Fexamples\u002Fapps\u002Fexactly\u002Fmarketing",{"label":231,"to":232},"Exactly user flows","\u002Fexamples\u002Fapps\u002Fexactly\u002Fflows",{"label":234,"to":235},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":237,"to":238},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"published_at":240,"updated_at":241},"2024-03-13T14:28:13.000Z","2026-09-22T00:10:19.000Z"]