[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Frise\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":44,"showcases":208,"links":209,"dates":225},"\u002Fexamples\u002Fapps\u002Frise\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Rise UI components examples - Nicelydone","Browse Rise UI component design examples. Preview individual interface elements and explore related component categories. The calendar that works for you","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff63b4c6e-248f-41ee-98df-455ca8793406.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},"Rise design examples","\u002Fexamples\u002Fapps\u002Frise",{"label":23,"to":4},"Rise 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":34,"categories":35},"Rise","rise","The calendar that works for you","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Frise-393c82cc.png","https:\u002F\u002Fwww.risecalendar.com","risecal",[36,40],{"id":37,"title":38,"slug":39},101,"Calendar","calendar",{"id":41,"title":42,"slug":43},30,"Productivity","productivity",[45,60,75,90,105,120,130,145,157,168,182,193],{"uuid":46,"title":47,"description":48,"canonical_path":4,"image":11,"width":49,"height":50,"image_alt":51,"kind":52,"categories":53,"app":58},"80458fb4-275b-4285-a3f3-507694068374","Landing Page Hero","A hero section featuring a top navigation bar, a prominent headline, a subheadline, a primary call-to-action button, and a partial view of the application interface.",3024,1832,"Landing Page Hero from Rise","component",[54],{"id":55,"title":56,"slug":57},197,"Hero section","hero-section",{"slug":30,"title":29,"logo":32,"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},"1cdf062f-9cba-4689-8701-db2f198d57b9","Rise UI component","A modal menu for a calendar event.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4d335739-68eb-4ea9-90ef-b553660be8a7.png",1010,658,"UI component from Rise",[69],{"id":70,"title":71,"slug":72},190,"Dropdown menu","dropdown-menu",{"slug":30,"title":29,"logo":32,"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},"52d2da80-f3f4-43b5-aa4f-12d832052cb6","Meeting type toggle","A segmented control allowing the user to select between a One-to-one or Collective meeting type. The One-to-one option is currently selected, indicated by a white background and border, while the unselected option has a light gray background.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F626760a6-8b50-463e-b8b6-4416bf29568a.png",1312,440,"Meeting type toggle from Rise",[84],{"id":85,"title":86,"slug":87},236,"Toggle\u002FSwitch","toggle-switch",{"slug":30,"title":29,"logo":32,"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},"7c004d54-4470-4790-b01a-ff39539dbbeb","Color picker dropdown","A dropdown menu for selecting a color, featuring a search input at the top and a list of named colors with corresponding color swatches. The 'Default color' option is currently selected.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F24830973-8e18-422f-8aa8-ac6a71195ad2.png",362,818,"Color picker dropdown from Rise",[99],{"id":100,"title":101,"slug":102},183,"Color picker","color-picker",{"slug":30,"title":29,"logo":32,"categories":104},[],{"uuid":106,"title":107,"description":108,"canonical_path":4,"image":109,"width":110,"height":111,"image_alt":112,"kind":52,"categories":113,"app":118},"70bdd56b-14bc-45f1-bcc1-ee0664d26a82","Dismissible helper card","A dismissible informational card explaining how a feature works, with a title, description, and a 'Learn more' link.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd2700fc6-2944-4c3a-aecc-d0969a02c6a3.png",1344,528,"Dismissible helper card from Rise",[114],{"id":115,"title":116,"slug":117},235,"Tips","tips",{"slug":30,"title":29,"logo":32,"categories":119},[],{"uuid":121,"title":122,"description":123,"canonical_path":4,"image":124,"width":110,"height":111,"image_alt":125,"kind":52,"categories":126,"app":128},"a3fb6456-d5b8-41aa-b9be-7b744444add6","Feature tip card","A bordered card explaining a feature with an icon, title, description text, and a 'Learn more' link.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F833d5515-90d2-44e3-98a1-af77b2974548.png","Feature tip card from Rise",[127],{"id":115,"title":116,"slug":117},{"slug":30,"title":29,"logo":32,"categories":129},[],{"uuid":131,"title":132,"description":133,"canonical_path":4,"image":134,"width":135,"height":136,"image_alt":137,"kind":52,"categories":138,"app":143},"1b93b7e3-f323-4e71-a22b-cb5aba70b10a","Success Toast","A dark, pill-shaped toast notification confirming that times have been copied to the clipboard, featuring a green checkmark icon.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F56091f95-7784-47a6-9f81-a72f2e61f05b.png",522,162,"Success Toast from Rise",[139],{"id":140,"title":141,"slug":142},247,"Notification Toast","notification-element",{"slug":30,"title":29,"logo":32,"categories":144},[],{"uuid":146,"title":147,"description":148,"canonical_path":4,"image":149,"width":150,"height":151,"image_alt":152,"kind":52,"categories":153,"app":155},"ebd58785-45dd-406e-a09b-2ca40df8bc5c","Single use link toggle","A toggle switch with an accompanying icon and label to enable a single-use scheduling link.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa907edc0-8555-44f6-adf0-96a874fdb98a.png",615,161,"Single use link toggle from Rise",[154],{"id":85,"title":86,"slug":87},{"slug":30,"title":29,"logo":32,"categories":156},[],{"uuid":158,"title":159,"description":160,"canonical_path":4,"image":161,"width":162,"height":151,"image_alt":163,"kind":52,"categories":164,"app":166},"722d4751-98c5-42c3-905e-8a1f0647d10c","Settings toggle","A horizontal row containing an icon, a toggle switch in the off position, and a text label.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fad0185fb-af23-4b50-926a-ee2d1a30f836.png",620,"Settings toggle from Rise",[165],{"id":85,"title":86,"slug":87},{"slug":30,"title":29,"logo":32,"categories":167},[],{"uuid":169,"title":170,"description":171,"canonical_path":4,"image":172,"width":66,"height":173,"image_alt":174,"kind":52,"categories":175,"app":180},"0a6eed6c-9715-45af-a0e5-e1422eca0e16","Feature Onboarding Tooltip","A purple tooltip pointing to a 'Show proposal' button, explaining the benefits of scheduling meetings with teammates. It includes a list of features and two action buttons: 'I understand' and 'Learn more'.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcf7d4931-d2ec-4327-ac4c-c1723efeb8bd.png",519,"Feature Onboarding Tooltip from Rise",[176],{"id":177,"title":178,"slug":179},181,"Coachmark","coachmark",{"slug":30,"title":29,"logo":32,"categories":181},[],{"uuid":183,"title":184,"description":185,"canonical_path":4,"image":186,"width":111,"height":187,"image_alt":188,"kind":52,"categories":189,"app":191},"10426adb-ead3-4cad-9432-1cc91ca18f48","Calendar view and settings dropdown","A dropdown menu triggered from a top bar, offering options to change calendar views, toggle display settings, access help and community links, and manage app settings.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7d1cf2d7-1ac6-4b26-b360-a075658429f4.png",951,"Calendar view and settings dropdown from Rise",[190],{"id":70,"title":71,"slug":72},{"slug":30,"title":29,"logo":32,"categories":192},[],{"uuid":194,"title":195,"description":196,"canonical_path":4,"image":197,"width":198,"height":199,"image_alt":200,"kind":52,"categories":201,"app":206},"a403dc5f-065a-4abb-9192-2a28e5ec0ab8","Event action buttons","A row of three buttons for managing an event: a delete icon button, a reschedule button with an icon, and a primary save button with keyboard shortcut indicators.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F685ee6ad-86ea-4151-b38a-6ba46e3d3b48.png",628,188,"Event action buttons from Rise",[202],{"id":203,"title":204,"slug":205},277,"Button group","button-group",{"slug":30,"title":29,"logo":32,"categories":207},[],[],[210,213,216,219,222],{"label":211,"to":212},"Rise product screens","\u002Fexamples\u002Fapps\u002Frise\u002Fscreens",{"label":214,"to":215},"Rise marketing pages","\u002Fexamples\u002Fapps\u002Frise\u002Fmarketing",{"label":217,"to":218},"Rise user flows","\u002Fexamples\u002Fapps\u002Frise\u002Fflows",{"label":220,"to":221},"Calendar app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcalendar",{"label":223,"to":224},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"published_at":226,"updated_at":227},"2023-09-25T15:07:57.000Z","2026-09-26T12:10:04.000Z"]