[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fcron\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":186,"links":187,"dates":221},"\u002Fexamples\u002Fapps\u002Fcron\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Cron UI components examples - Nicelydone","Browse Cron UI component design examples. Preview individual interface elements and explore related component categories. Next-generation calendar for…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F79190a5f-8d13-4d50-b4e2-ffea4a52c474.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},"Cron design examples","\u002Fexamples\u002Fapps\u002Fcron",{"label":23,"to":4},"Cron UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Cron UI component design examples. Preview individual interface elements and explore related component categories. Next-generation calendar for professionals and teams",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":30,"categories":35},"Cron","cron","Next-generation calendar for professionals and teams","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcron-edbcd9f9.png","https:\u002F\u002Fcron.com",[36,40],{"id":37,"title":38,"slug":39},30,"Productivity","productivity",{"id":41,"title":42,"slug":43},101,"Calendar","calendar",[45,60,75,90,105,116,131,146,160,175],{"uuid":46,"title":47,"description":48,"canonical_path":4,"image":11,"width":49,"height":50,"image_alt":51,"kind":52,"categories":53,"app":58},"79190a5f-8d13-4d50-b4e2-ffea4a52c474","Theme selection radio group","A radio group for selecting the application theme, with options for Auto, Light mode, and Dark mode.",298,319,"Theme selection radio group from Cron","component",[54],{"id":55,"title":56,"slug":57},256,"Theme settings","theme-settings",{"slug":31,"title":30,"logo":33,"categories":59},[],{"uuid":61,"title":62,"description":63,"canonical_path":4,"image":64,"width":65,"height":66,"image_alt":67,"kind":52,"categories":68,"app":73},"bea017c0-1a80-48fe-a061-be3ffbfee336","Join Meeting Button","A prominent orange button to join a Google Meet meeting, featuring a keyboard shortcut hint.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fbea017c0-1a80-48fe-a061-be3ffbfee336.png",608,184,"Join Meeting Button from Cron",[69],{"id":70,"title":71,"slug":72},175,"Button","button",{"slug":31,"title":30,"logo":33,"categories":74},[],{"uuid":76,"title":77,"description":78,"canonical_path":4,"image":79,"width":80,"height":81,"image_alt":82,"kind":52,"categories":83,"app":88},"fd78b1aa-4c8a-4971-a5ef-ad1623f2887b","Scheduling link toggle","A toggle switch in an off state, labeled 'Scheduling link'.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ffd78b1aa-4c8a-4971-a5ef-ad1623f2887b.png",354,156,"Scheduling link toggle from Cron",[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":95,"height":96,"image_alt":97,"kind":52,"categories":98,"app":103},"eae9671f-3aaf-422b-950b-94bdc4856a6c","Recurring Event Radio Group","A vertical radio group allowing the user to choose whether an action applies only to the current instance or all future instances of a recurring event.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Feae9671f-3aaf-422b-950b-94bdc4856a6c.png",289,212,"Recurring Event Radio Group from Cron",[99],{"id":100,"title":101,"slug":102},179,"Checkbox & radio","checkbox-radio",{"slug":31,"title":30,"logo":33,"categories":104},[],{"uuid":106,"title":107,"description":108,"canonical_path":4,"image":109,"width":110,"height":66,"image_alt":111,"kind":52,"categories":112,"app":114},"0102d44e-7e84-4460-9c6f-2bfd1819fbd2","Split button","A split button with a primary action to 'Send invite' and a dropdown arrow for additional options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0102d44e-7e84-4460-9c6f-2bfd1819fbd2.png",356,"Split button from Cron",[113],{"id":70,"title":71,"slug":72},{"slug":31,"title":30,"logo":33,"categories":115},[],{"uuid":117,"title":118,"description":119,"canonical_path":4,"image":120,"width":121,"height":122,"image_alt":123,"kind":52,"categories":124,"app":129},"dbb42b57-850f-4e41-a035-669d4c96d259","Undo Toast Notification","A toast notification confirming an action with an option to undo it.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fdbb42b57-850f-4e41-a035-669d4c96d259.png",701,196,"Undo Toast Notification from Cron",[125],{"id":126,"title":127,"slug":128},247,"Notification Toast","notification-element",{"slug":31,"title":30,"logo":33,"categories":130},[],{"uuid":132,"title":133,"description":134,"canonical_path":4,"image":135,"width":136,"height":137,"image_alt":138,"kind":52,"categories":139,"app":144},"62e1be1d-f53a-4647-b47d-89cd094b2f72","Action Menu","A dark-themed dropdown menu providing standard clipboard actions and a delete option, each accompanied by an icon and a keyboard shortcut.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F62e1be1d-f53a-4647-b47d-89cd094b2f72.png",633,416,"Action Menu from Cron",[140],{"id":141,"title":142,"slug":143},190,"Dropdown menu","dropdown-menu",{"slug":31,"title":30,"logo":33,"categories":145},[],{"uuid":147,"title":148,"description":149,"canonical_path":4,"image":150,"width":151,"height":152,"image_alt":153,"kind":52,"categories":154,"app":158},"198623dc-34b0-4c36-b685-481d90729bfe","Date Picker","A dark-themed monthly date picker showing February 2023. The 5th is highlighted as the current or selected date with an orange background, and the 7th has a subtle gray background indicating a secondary state or hover.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F198623dc-34b0-4c36-b685-481d90729bfe.png",414,387,"Date Picker from Cron",[155],{"id":66,"title":156,"slug":157},"Datepicker","datepicker",{"slug":31,"title":30,"logo":33,"categories":159},[],{"uuid":161,"title":162,"description":163,"canonical_path":4,"image":164,"width":165,"height":166,"image_alt":167,"kind":52,"categories":168,"app":173},"4935f652-c321-41f2-840e-ae42117de932","Tooltip with keyboard shortcut","A dark tooltip displaying the text 'Hide Cron menu' alongside a keyboard shortcut indicator.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4935f652-c321-41f2-840e-ae42117de932.png",422,211,"Tooltip with keyboard shortcut from Cron",[169],{"id":170,"title":171,"slug":172},254,"Tooltip","tooltip-element",{"slug":31,"title":30,"logo":33,"categories":174},[],{"uuid":176,"title":177,"description":178,"canonical_path":4,"image":179,"width":180,"height":66,"image_alt":181,"kind":52,"categories":182,"app":184},"e22e32a7-1c64-4fca-a991-c5d00809e6c6","Share availability button","A wide, outlined button labeled 'Share availability' with a keyboard shortcut indicator 'S' aligned to the right.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe22e32a7-1c64-4fca-a991-c5d00809e6c6.png",576,"Share availability button from Cron",[183],{"id":70,"title":71,"slug":72},{"slug":31,"title":30,"logo":33,"categories":185},[],[],[188,191,194,197,200,203,205,209,213,217],{"label":189,"to":190},"Cron product screens","\u002Fexamples\u002Fapps\u002Fcron\u002Fscreens",{"label":192,"to":193},"Cron marketing pages","\u002Fexamples\u002Fapps\u002Fcron\u002Fmarketing",{"label":195,"to":196},"Cron user flows","\u002Fexamples\u002Fapps\u002Fcron\u002Fflows",{"label":198,"to":199},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":201,"to":202},"Calendar app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcalendar",{"label":204,"to":18},"All SaaS app examples",{"label":206,"to":207,"description":208},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":210,"to":211,"description":212},"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":214,"to":215,"description":216},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":218,"to":219,"description":220},"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":222,"updated_at":223},"2023-02-12T15:47:15.000Z","2026-09-13T13:02:39.000Z"]