[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fworkflow\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":49,"showcases":194,"links":195,"dates":214},"\u002Fexamples\u002Fapps\u002Fworkflow\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Workflow UI components examples - Nicelydone","Browse Workflow UI component design examples. Preview individual interface elements and explore related component categories. Design feedback and revisions,…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5d4c22f7-aa5a-4c0e-ac7f-cb17c18d4987.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},"Workflow design examples","\u002Fexamples\u002Fapps\u002Fworkflow",{"label":23,"to":4},"Workflow UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Workflow UI component design examples. Preview individual interface elements and explore related component categories. Design feedback and revisions, all in one place",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":35,"categories":36},"Workflow","workflow","Design feedback and revisions, all in one place","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fworkflow-n6ecc4wx.png","https:\u002F\u002Fwww.workflow.design","workflowdesign_",[37,41,45],{"id":38,"title":39,"slug":40},8,"Design","design",{"id":42,"title":43,"slug":44},23,"Collaboration","collaboration",{"id":46,"title":47,"slug":48},35,"Feedback","feedback",[50,65,78,88,101,114,127,137,147,160,172,184],{"uuid":51,"title":52,"description":53,"canonical_path":4,"image":11,"width":54,"height":55,"image_alt":56,"kind":57,"categories":58,"app":63},"b5040157-5256-42a4-baa2-a42142972e83","Workflow UI component","The screenshot displays a settings modal with user and workspace settings.",514,1545,"UI component from Workflow","component",[59],{"id":60,"title":61,"slug":62},209,"Vertical navigation","vertical-navigation",{"slug":31,"title":30,"logo":33,"categories":64},[],{"uuid":66,"title":52,"description":67,"canonical_path":4,"image":68,"width":69,"height":70,"image_alt":56,"kind":57,"categories":71,"app":76},"fd5a4d3d-8cae-4bb7-8317-c32403613a6f","The screenshot shows a dropdown menu with workspace options and account settings.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4054e0be-39cb-497e-bf7a-eb461d1c90bc.png",546,760,[72],{"id":73,"title":74,"slug":75},190,"Dropdown menu","dropdown-menu",{"slug":31,"title":30,"logo":33,"categories":77},[],{"uuid":79,"title":52,"description":80,"canonical_path":4,"image":81,"width":82,"height":83,"image_alt":56,"kind":57,"categories":84,"app":86},"e0b111be-f6f9-4175-9469-6917c2088e97","A modal displaying options to rename or delete a folder.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc941b02f-343b-4706-85de-8199aa6c328b.png",506,345,[85],{"id":73,"title":74,"slug":75},{"slug":31,"title":30,"logo":33,"categories":87},[],{"uuid":89,"title":52,"description":90,"canonical_path":4,"image":91,"width":92,"height":93,"image_alt":56,"kind":57,"categories":94,"app":99},"472961ae-090c-41cc-ba51-3107254332c0","The screenshot displays a connection modal with a table listing various services like GitHub, Linear, Slack, Stripe, Vercel, and Gmail.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fdfd956bc-1ddd-4a20-bf93-378cf32cea71.png",736,482,[95],{"id":96,"title":97,"slug":98},174,"Card","card",{"slug":31,"title":30,"logo":33,"categories":100},[],{"uuid":102,"title":52,"description":103,"canonical_path":4,"image":104,"width":105,"height":106,"image_alt":56,"kind":57,"categories":107,"app":112},"0806c82c-ebf2-4023-b133-07972c8a0ccc","A notification card","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F855a8118-06d0-4aa9-a536-cbc9f13abf31.png",960,365,[108],{"id":109,"title":110,"slug":111},247,"Notification Toast","notification-element",{"slug":31,"title":30,"logo":33,"categories":113},[],{"uuid":115,"title":52,"description":116,"canonical_path":4,"image":117,"width":118,"height":119,"image_alt":56,"kind":57,"categories":120,"app":125},"cab10933-60b9-486e-a8c2-0308b628ce4c","The screenshot shows a set of active filters.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff25be1f2-74da-4df3-bba3-9ce49b8b7f80.png",1394,316,[121],{"id":122,"title":123,"slug":124},225,"Sorting & filtering","sorting-filtering",{"slug":31,"title":30,"logo":33,"categories":126},[],{"uuid":128,"title":52,"description":129,"canonical_path":4,"image":130,"width":131,"height":132,"image_alt":56,"kind":57,"categories":133,"app":135},"3895e648-b74a-401f-af98-47ced7095344","The screenshot shows a filter menu in a light mode interface.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F629eadc4-0885-48a9-895e-fe4b75a8a04f.png",689,701,[134],{"id":122,"title":123,"slug":124},{"slug":31,"title":30,"logo":33,"categories":136},[],{"uuid":138,"title":52,"description":139,"canonical_path":4,"image":140,"width":141,"height":142,"image_alt":56,"kind":57,"categories":143,"app":145},"3933aa96-08e2-47ca-8736-d646e80abbee","The screenshot displays a filter menu with date options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F386382ab-3147-42ce-aa8d-25c8bead7cd9.png",671,444,[144],{"id":122,"title":123,"slug":124},{"slug":31,"title":30,"logo":33,"categories":146},[],{"uuid":148,"title":52,"description":149,"canonical_path":4,"image":150,"width":151,"height":152,"image_alt":56,"kind":57,"categories":153,"app":158},"079474e2-4c79-449f-81b5-e03aba61525f","A list of notifications from a user.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3ecbb524-ee31-46cd-af4b-efdd6f607184.png",903,641,[154],{"id":155,"title":156,"slug":157},249,"Timeline & history","timeline-history",{"slug":31,"title":30,"logo":33,"categories":159},[],{"uuid":161,"title":52,"description":162,"canonical_path":4,"image":163,"width":105,"height":164,"image_alt":56,"kind":57,"categories":165,"app":170},"430483fa-97f3-4849-a8b8-ce43bf21340d","The screenshot shows an alert message indicating that new comments are paused and can be resumed from the task settings.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc25df329-bfc9-4596-8839-5dba7dab7c7a.png",244,[166],{"id":167,"title":168,"slug":169},167,"Alert","alert",{"slug":31,"title":30,"logo":33,"categories":171},[],{"uuid":173,"title":52,"description":174,"canonical_path":4,"image":175,"width":105,"height":176,"image_alt":56,"kind":57,"categories":177,"app":182},"53fa3b23-8838-44c2-a9fa-51186e92d6db","The image shows a modal for setting access permissions, with options for 'Private' and 'Anyone can view and comment'.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5688b362-b7b9-4c63-a68b-bab1fc8a6392.png",426,[178],{"id":179,"title":180,"slug":181},179,"Checkbox & radio","checkbox-radio",{"slug":31,"title":30,"logo":33,"categories":183},[],{"uuid":185,"title":52,"description":186,"canonical_path":4,"image":187,"width":188,"height":189,"image_alt":56,"kind":57,"categories":190,"app":192},"5cc93353-1bdd-42a3-bea5-e1b256aa3353","The screenshot displays a dropdown menu with various options related to task management and version control.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fecd18be5-63c1-4ac8-8ec4-6652d3691452.png",726,648,[191],{"id":73,"title":74,"slug":75},{"slug":31,"title":30,"logo":33,"categories":193},[],[],[196,199,202,205,208,211],{"label":197,"to":198},"Workflow product screens","\u002Fexamples\u002Fapps\u002Fworkflow\u002Fscreens",{"label":200,"to":201},"Workflow marketing pages","\u002Fexamples\u002Fapps\u002Fworkflow\u002Fmarketing",{"label":203,"to":204},"Workflow user flows","\u002Fexamples\u002Fapps\u002Fworkflow\u002Fflows",{"label":206,"to":207},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":209,"to":210},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":212,"to":213},"Feedback app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ffeedback",{"published_at":215,"updated_at":216},"2025-09-29T07:52:51.000Z","2026-09-13T13:02:39.000Z"]