[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fasync\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":41,"showcases":197,"links":198,"dates":229},"\u002Fexamples\u002Fapps\u002Fasync\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Async UI components examples - Nicelydone","Browse Async UI component design examples. Preview individual interface elements and explore related component categories. Free up your calendar with voice…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe673fe75-50bb-44d6-b3ef-19d3c11a3ddc.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},"Async design examples","\u002Fexamples\u002Fapps\u002Fasync",{"label":23,"to":4},"Async UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Async UI component design examples. Preview individual interface elements and explore related component categories. Free up your calendar with voice messages you can read, share and react to",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":35,"categories":36},"Async","async","Free up your calendar with voice messages you can read, share and react to","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fasync-704465e4.png","https:\u002F\u002Fasync.com","async_com",[37],{"id":38,"title":39,"slug":40},82,"Communication","communication",[42,57,72,87,102,117,132,144,156,164,174,186],{"uuid":43,"title":44,"description":45,"canonical_path":4,"image":11,"width":46,"height":47,"image_alt":48,"kind":49,"categories":50,"app":55},"5f298e31-c0a5-4113-991d-fbb5e45f813e","Success Toast","A green success toast notification confirming an item has been archived, featuring a title, description, and a close button.",974,326,"Success Toast from Async","component",[51],{"id":52,"title":53,"slug":54},247,"Notification Toast","notification-element",{"slug":31,"title":30,"logo":33,"categories":56},[],{"uuid":58,"title":59,"description":60,"canonical_path":4,"image":61,"width":62,"height":63,"image_alt":64,"kind":49,"categories":65,"app":70},"24a5f5d4-f460-413d-acb2-3e92abc20dc7","Async UI component","A user's name and time information","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F17bfc8af-78fa-4ea0-96d5-136aaf0338a6.png",613,176,"UI component from Async",[66],{"id":67,"title":68,"slug":69},169,"Avatar","avatar",{"slug":31,"title":30,"logo":33,"categories":71},[],{"uuid":73,"title":74,"description":75,"canonical_path":4,"image":76,"width":77,"height":78,"image_alt":79,"kind":49,"categories":80,"app":85},"b7da39e7-0470-43db-b8f7-409e89b3e001","Timestamp tooltip","A dark tooltip displaying the exact date and time, hovering over a relative timestamp next to a user's name and avatar.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff36c20fc-b0e8-476c-87fc-c26c576d4c5d.png",649,249,"Timestamp tooltip from Async",[81],{"id":82,"title":83,"slug":84},254,"Tooltip","tooltip-element",{"slug":31,"title":30,"logo":33,"categories":86},[],{"uuid":88,"title":89,"description":90,"canonical_path":4,"image":91,"width":92,"height":93,"image_alt":94,"kind":49,"categories":95,"app":100},"31fe4e5e-1f20-4f1f-adc7-657abd556559","User Profile Dropdown Menu","A dropdown menu triggered by an avatar, displaying user profile options, settings, inbox, and a logout action.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F148b6d0a-bedc-441a-8952-a0892e2c87e4.png",487,618,"User Profile Dropdown Menu from Async",[96],{"id":97,"title":98,"slug":99},190,"Dropdown menu","dropdown-menu",{"slug":31,"title":30,"logo":33,"categories":101},[],{"uuid":103,"title":104,"description":105,"canonical_path":4,"image":106,"width":107,"height":108,"image_alt":109,"kind":49,"categories":110,"app":115},"2eb0fc03-7ac9-4ecb-b29b-f9d36d175d11","Audio Reply Modal","A modal overlay for recording and sending an audio reply. It displays the duration of the message being replied to, a waveform visualization of the current recording with playback controls, and a prominent 'Send' button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff5820508-bf87-43c5-9f77-9fa427e6d185.png",1044,758,"Audio Reply Modal from Async",[111],{"id":112,"title":113,"slug":114},170,"Audio player","audio-player",{"slug":31,"title":30,"logo":33,"categories":116},[],{"uuid":118,"title":119,"description":120,"canonical_path":4,"image":121,"width":122,"height":123,"image_alt":124,"kind":49,"categories":125,"app":130},"cacd83c1-f461-4e99-b480-bf55a8af52cf","Recipient input field","An input field for selecting recipients, showing a selected user as a removable tag.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd0b776d9-f9e8-4079-a609-b83df4775105.png",1360,356,"Recipient input field from Async",[126],{"id":127,"title":128,"slug":129},252,"Input tag","input-tag",{"slug":31,"title":30,"logo":33,"categories":131},[],{"uuid":133,"title":134,"description":135,"canonical_path":4,"image":136,"width":137,"height":138,"image_alt":139,"kind":49,"categories":140,"app":142},"dcb6e56a-8c71-4a54-8cdb-15c980a6748e","Success toast","A toast notification confirming that a message link has been copied to the clipboard.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fdf7ed47b-b8d4-46c2-bb8e-abcfd583f9e9.png",881,203,"Success toast from Async",[141],{"id":52,"title":53,"slug":54},{"slug":31,"title":30,"logo":33,"categories":143},[],{"uuid":145,"title":146,"description":147,"canonical_path":4,"image":148,"width":149,"height":150,"image_alt":151,"kind":49,"categories":152,"app":154},"fdee615a-3469-4381-9e70-349a92f05cef","Audio Reply Player","A compact audio player indicating a reply to a specific timestamp in a voice message. It features a pause button, a waveform visualizer showing playback progress, and a duration timer.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F13e00487-2acc-46c9-bd1a-7a7f3dcf817f.png",774,228,"Audio Reply Player from Async",[153],{"id":112,"title":113,"slug":114},{"slug":31,"title":30,"logo":33,"categories":155},[],{"uuid":157,"title":59,"description":158,"canonical_path":4,"image":159,"width":149,"height":150,"image_alt":64,"kind":49,"categories":160,"app":162},"4dd32091-847d-4cf8-987f-e27b17b7ec00","Audio message reply","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ffa7f8fec-4119-4a4e-bc3b-abcdd410bf0d.png",[161],{"id":112,"title":113,"slug":114},{"slug":31,"title":30,"logo":33,"categories":163},[],{"uuid":165,"title":59,"description":166,"canonical_path":4,"image":167,"width":168,"height":169,"image_alt":64,"kind":49,"categories":170,"app":172},"df1506af-d59b-488b-9ca3-efa83b2b3e63","A voice message card","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb4ece269-0395-47e6-a29f-31cc179fff9b.png",1234,460,[171],{"id":112,"title":113,"slug":114},{"slug":31,"title":30,"logo":33,"categories":173},[],{"uuid":175,"title":176,"description":177,"canonical_path":4,"image":178,"width":179,"height":180,"image_alt":181,"kind":49,"categories":182,"app":184},"06934711-a1be-4d34-bb7f-c62a7b0ca7de","Audio Player with Reactions","An audio player component featuring a waveform progress bar, playback controls, and inline user reactions positioned above the waveform.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa3e25fce-14ac-41c5-a8b8-e826a9c60d29.png",1251,542,"Audio Player with Reactions from Async",[183],{"id":112,"title":113,"slug":114},{"slug":31,"title":30,"logo":33,"categories":185},[],{"uuid":187,"title":188,"description":189,"canonical_path":4,"image":190,"width":191,"height":63,"image_alt":192,"kind":49,"categories":193,"app":195},"4ed824e3-4eb6-4ec5-be2e-9f55b3b3a7b6","Message attribution row","A horizontal row displaying a user's avatar, name, and the timestamp of their message.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff353c08b-88d8-4b76-92be-b1d6dd9cbb5e.png",744,"Message attribution row from Async",[194],{"id":67,"title":68,"slug":69},{"slug":31,"title":30,"logo":33,"categories":196},[],[],[199,202,205,208,211,213,217,221,225],{"label":200,"to":201},"Async product screens","\u002Fexamples\u002Fapps\u002Fasync\u002Fscreens",{"label":203,"to":204},"Async marketing pages","\u002Fexamples\u002Fapps\u002Fasync\u002Fmarketing",{"label":206,"to":207},"Async user flows","\u002Fexamples\u002Fapps\u002Fasync\u002Fflows",{"label":209,"to":210},"Communication app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcommunication",{"label":212,"to":18},"All SaaS app examples",{"label":214,"to":215,"description":216},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":218,"to":219,"description":220},"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":222,"to":223,"description":224},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":226,"to":227,"description":228},"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":230,"updated_at":231},"2022-07-05T18:33:40.000Z","2026-09-13T13:02:39.000Z"]