[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fchronicle\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":200,"links":201,"dates":217},"\u002Fexamples\u002Fapps\u002Fchronicle\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Chronicle UI components examples - Nicelydone","Browse Chronicle UI component design examples. Preview individual interface elements and explore related component categories. Stunning presentations, made…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F60ac76ef-e276-4a56-b22f-ddcfb3fab0e2.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},"Chronicle design examples","\u002Fexamples\u002Fapps\u002Fchronicle",{"label":23,"to":4},"Chronicle UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Chronicle UI component design examples. Preview individual interface elements and explore related component categories. Stunning presentations, made effortlessly",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Chronicle","chronicle","Stunning presentations, made effortlessly","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fchronicle-p7klgqh3.png","https:\u002F\u002Fchroniclehq.com",[36,40],{"id":37,"title":38,"slug":39},85,"Presentation software","presentation-software",{"id":41,"title":42,"slug":43},80,"Artificial Intelligence","artificial-intelligence",[45,60,73,86,99,112,125,138,150,163,176,189],{"uuid":46,"title":47,"description":48,"canonical_path":4,"image":11,"width":49,"height":50,"image_alt":51,"kind":52,"categories":53,"app":58},"b9237280-00ef-4458-b567-e38fc3ec5515","Chronicle UI component","A text editor interface with formatting options.",1170,1071,"UI component from Chronicle","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},"dbcc1370-df52-4b60-ab52-0e381c7095fc","A text editor interface with a modal for rewriting text.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcbfa2e24-3aef-4e08-a0a6-d69576e7611c.png",1391,806,[67],{"id":68,"title":69,"slug":70},223,"Slider","slider",{"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},"4a7b763a-3bdf-42dd-a8e9-f5b4fde3cff2","This screenshot showcases a dropdown menu with options for workspace selection, plan upgrades, and logout functionality.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F394a6148-ca9c-4448-b5a5-88c7ed3a98dc.png",562,415,[80],{"id":81,"title":82,"slug":83},190,"Dropdown menu","dropdown-menu",{"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":97},"ced79441-b3d7-450a-a5ec-e136162f1505","A pricing card for a pro subscription.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff49a6c54-9c83-45e6-8747-6c32cca92622.png",654,1044,[93],{"id":94,"title":95,"slug":96},213,"Progress indicator","progress-indicator",{"slug":31,"title":30,"logo":33,"categories":98},[],{"uuid":100,"title":47,"description":101,"canonical_path":4,"image":102,"width":103,"height":104,"image_alt":51,"kind":52,"categories":105,"app":110},"f19a7d41-5e6c-4a43-8d04-f12fd81c5aed","The screenshot shows a notification message thanking the user for being an early supporter and offering free Pro Plan features until a specific date.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F371b6bed-5c5d-4167-a9a0-43142c28fc12.png",1900,336,[106],{"id":107,"title":108,"slug":109},167,"Alert","alert",{"slug":31,"title":30,"logo":33,"categories":111},[],{"uuid":113,"title":47,"description":114,"canonical_path":4,"image":115,"width":116,"height":117,"image_alt":51,"kind":52,"categories":118,"app":123},"f012a193-2807-4f3e-910c-54c38fb6d3db","The screenshot shows a modal for managing team members with an upgrade prompt.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F58f0eb5e-3c46-49cf-bdf6-c0a283231e32.png",1548,612,[119],{"id":120,"title":121,"slug":122},255,"Upgrade your plan","upgrade-your-plan",{"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":136},"3d9a6b45-71b9-4e48-8ac7-33d198424880","A modal to upload a logo.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F86bf84c3-6cfb-4add-a689-4aad258b7739.png",1048,473,[132],{"id":133,"title":134,"slug":135},188,"File upload input","file-upload-input",{"slug":31,"title":30,"logo":33,"categories":137},[],{"uuid":139,"title":47,"description":140,"canonical_path":4,"image":141,"width":116,"height":142,"image_alt":51,"kind":52,"categories":143,"app":148},"9a4384e3-9150-4693-9aed-82fc911af0a7","A settings panel for canvas configurations.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F871667f4-4217-4b53-8196-3026f80505f3.png",819,[144],{"id":145,"title":146,"slug":147},236,"Toggle\u002FSwitch","toggle-switch",{"slug":31,"title":30,"logo":33,"categories":149},[],{"uuid":151,"title":47,"description":152,"canonical_path":4,"image":153,"width":154,"height":155,"image_alt":51,"kind":52,"categories":156,"app":161},"09cfe64a-4201-42d2-91e2-cee0d8c09328","A modal with layout options","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ffebb5edb-f941-4070-9b21-189728a03621.png",1953,1192,[157],{"id":158,"title":159,"slug":160},256,"Theme settings","theme-settings",{"slug":31,"title":30,"logo":33,"categories":162},[],{"uuid":164,"title":47,"description":165,"canonical_path":4,"image":166,"width":167,"height":168,"image_alt":51,"kind":52,"categories":169,"app":174},"6fd8ceaa-d95a-49ce-972a-eb9f44746356","A loading screen with a progress indicator.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc2ba1407-605f-44bf-9487-23ee47f6275e.png",1600,1621,[170],{"id":171,"title":172,"slug":173},226,"Skeleton","skeleton",{"slug":31,"title":30,"logo":33,"categories":175},[],{"uuid":177,"title":47,"description":178,"canonical_path":4,"image":179,"width":180,"height":181,"image_alt":51,"kind":52,"categories":182,"app":187},"5196fbb4-5c2d-4838-8e5e-a74c89b09c15","A text editor interface with a color palette","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fea879a69-526d-4f65-822e-a71a5ccbabcb.png",1105,413,[183],{"id":184,"title":185,"slug":186},183,"Color picker","color-picker",{"slug":31,"title":30,"logo":33,"categories":188},[],{"uuid":190,"title":47,"description":48,"canonical_path":4,"image":191,"width":192,"height":130,"image_alt":51,"kind":52,"categories":193,"app":198},"004bedc8-bddf-47b1-8118-cfdc0e040387","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd5987d30-2249-4719-acf6-8684e18432c3.png",1922,[194],{"id":195,"title":196,"slug":197},221,"Rich text editor","rich-text-editor",{"slug":31,"title":30,"logo":33,"categories":199},[],[],[202,205,208,211,214],{"label":203,"to":204},"Chronicle product screens","\u002Fexamples\u002Fapps\u002Fchronicle\u002Fscreens",{"label":206,"to":207},"Chronicle marketing pages","\u002Fexamples\u002Fapps\u002Fchronicle\u002Fmarketing",{"label":209,"to":210},"Chronicle user flows","\u002Fexamples\u002Fapps\u002Fchronicle\u002Fflows",{"label":212,"to":213},"Presentation software app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fpresentation-software",{"label":215,"to":216},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"published_at":218,"updated_at":219},"2022-02-06T12:39:37.000Z","2026-09-13T13:02:39.000Z"]