[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fmural\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":48,"showcases":214,"links":215,"dates":252},"\u002Fexamples\u002Fapps\u002Fmural\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Mural UI components examples - Nicelydone","Browse Mural UI component design examples. Preview individual interface elements and explore related component categories. Level up teamwork with an…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9d80565b-4f3a-4066-a7fb-4002cb8408e2.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},"Mural design examples","\u002Fexamples\u002Fapps\u002Fmural",{"label":23,"to":4},"Mural UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Mural UI component design examples. Preview individual interface elements and explore related component categories. Level up teamwork with an intuitive digital whiteboard built for teams to do their best work",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":31,"categories":35},"Mural","mural","Level up teamwork with an intuitive digital whiteboard built for teams to do their best work","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmural-f16c8bae.png","https:\u002F\u002Fwww.mural.co",[36,40,44],{"id":37,"title":38,"slug":39},30,"Productivity","productivity",{"id":41,"title":42,"slug":43},8,"Design","design",{"id":45,"title":46,"slug":47},23,"Collaboration","collaboration",[49,64,79,94,106,118,133,148,163,174,188,199],{"uuid":50,"title":51,"description":52,"canonical_path":4,"image":11,"width":53,"height":54,"image_alt":55,"kind":56,"categories":57,"app":62},"1db89b15-a0e1-4016-82f8-02d3feb5e348","Success illustration","A decorative illustration showing a telescope pointing towards stars and a cursor clicking on blue squares.",569,666,"Success illustration from Mural","component",[58],{"id":59,"title":60,"slug":61},278,"Illustration","illustration",{"slug":31,"title":30,"logo":33,"categories":63},[],{"uuid":65,"title":66,"description":67,"canonical_path":4,"image":68,"width":69,"height":70,"image_alt":71,"kind":56,"categories":72,"app":77},"e9254f24-87f3-4074-8291-9c5b5c472a4b","Video tutorial card","A card displaying a video tutorial title, category, duration, and a decorative graphic.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Faa0ece34-6764-4f70-bba2-d7097a35f666.png",744,468,"Video tutorial card from Mural",[73],{"id":74,"title":75,"slug":76},174,"Card","card",{"slug":31,"title":30,"logo":33,"categories":78},[],{"uuid":80,"title":81,"description":82,"canonical_path":4,"image":83,"width":84,"height":85,"image_alt":86,"kind":56,"categories":87,"app":92},"1f0a44f5-ccc5-4f69-890f-004962a26a82","Upgrade prompt card","A card prompting the user to upgrade their plan for extra security features, featuring an illustration of various locks.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc63f1dc4-aff9-4ad9-82d4-59db7238c25a.png",532,619,"Upgrade prompt card from Mural",[88],{"id":89,"title":90,"slug":91},255,"Upgrade your plan","upgrade-your-plan",{"slug":31,"title":30,"logo":33,"categories":93},[],{"uuid":95,"title":96,"description":97,"canonical_path":4,"image":98,"width":99,"height":100,"image_alt":101,"kind":56,"categories":102,"app":104},"f43f02c7-11dd-4b2d-b416-31f94aba533e","Empty state illustration","An empty state illustration showing a sofa, a lamp on a side table, and floating sticky notes with cursors, accompanied by a prompt to create a mural.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F137f38bb-3525-419f-94b1-67cb45ac02df.png",882,611,"Empty state illustration from Mural",[103],{"id":59,"title":60,"slug":61},{"slug":31,"title":30,"logo":33,"categories":105},[],{"uuid":107,"title":108,"description":109,"canonical_path":4,"image":110,"width":111,"height":112,"image_alt":113,"kind":56,"categories":114,"app":116},"ae117edb-cac8-4cb0-b663-cd8898583b07","Upgrade prompt banner","An inline banner prompting the user to upgrade their plan to access private rooms.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F219fc08f-f96f-463c-b480-ed5424c34872.png",1000,286,"Upgrade prompt banner from Mural",[115],{"id":89,"title":90,"slug":91},{"slug":31,"title":30,"logo":33,"categories":117},[],{"uuid":119,"title":120,"description":121,"canonical_path":4,"image":122,"width":123,"height":124,"image_alt":125,"kind":56,"categories":126,"app":131},"c3a9d33d-c023-4011-b520-f7b1defd3c88","Drag and drop file upload area","A rectangular dropzone area with a dashed blue border, instructing the user to upload a CSV file or drag and drop it. It includes helper text explaining how to export email addresses to a CSV format.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa471621e-abc2-4d84-a38c-d2116ae37842.png",1328,556,"Drag and drop file upload area from Mural",[127],{"id":128,"title":129,"slug":130},188,"File upload input","file-upload-input",{"slug":31,"title":30,"logo":33,"categories":132},[],{"uuid":134,"title":135,"description":136,"canonical_path":4,"image":137,"width":138,"height":139,"image_alt":140,"kind":56,"categories":141,"app":146},"e25163fd-ca37-4a0f-93ce-a57f3ac750ad","Color picker popover","A popover displaying a grid of color swatches for selection. One swatch is currently selected, indicated by a checkmark.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F85cb4f15-c509-4486-b978-9f2a2e37bf8f.png",300,394,"Color picker popover from Mural",[142],{"id":143,"title":144,"slug":145},183,"Color picker","color-picker",{"slug":31,"title":30,"logo":33,"categories":147},[],{"uuid":149,"title":150,"description":151,"canonical_path":4,"image":152,"width":153,"height":154,"image_alt":155,"kind":56,"categories":156,"app":161},"c985720a-0270-4151-9714-c94ea70b3e34","Mural UI component","A toggle switch to enable a custom toolbar.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F509d4f33-ba93-4d14-b68d-aabcf21ff335.png",687,168,"UI component from Mural",[157],{"id":158,"title":159,"slug":160},236,"Toggle\u002FSwitch","toggle-switch",{"slug":31,"title":30,"logo":33,"categories":162},[],{"uuid":164,"title":165,"description":166,"canonical_path":4,"image":167,"width":153,"height":168,"image_alt":169,"kind":56,"categories":170,"app":172},"12a8dac7-6709-4fd1-9c8b-9a20511d0f5f","Toggle switch with label","A horizontal row containing a text label and a toggle switch in the active state.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F51ecc0b7-fc47-459b-8648-2286afe596bc.png",209,"Toggle switch with label from Mural",[171],{"id":158,"title":159,"slug":160},{"slug":31,"title":30,"logo":33,"categories":173},[],{"uuid":175,"title":176,"description":177,"canonical_path":4,"image":178,"width":123,"height":179,"image_alt":180,"kind":56,"categories":181,"app":186},"6949978b-9df8-45f2-a721-ac117eb0198a","Checkbox grid","A two-column grid of checkboxes with icons and labels, used to select multiple object types.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb3f70cb2-0c82-40c7-90d2-3af43ea36d79.png",721,"Checkbox grid from Mural",[182],{"id":183,"title":184,"slug":185},179,"Checkbox & radio","checkbox-radio",{"slug":31,"title":30,"logo":33,"categories":187},[],{"uuid":189,"title":190,"description":191,"canonical_path":4,"image":192,"width":123,"height":193,"image_alt":194,"kind":56,"categories":195,"app":197},"5c61c7fd-fb29-4c1d-b97f-bb600499d835","Radio Group","A radio group component allowing the user to select where to vote, with options for 'Entire canvas' and 'Selected section'.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F011320d5-80b5-412d-a3b9-b8169433dd92.png",400,"Radio Group from Mural",[196],{"id":183,"title":184,"slug":185},{"slug":31,"title":30,"logo":33,"categories":198},[],{"uuid":200,"title":201,"description":202,"canonical_path":4,"image":203,"width":204,"height":205,"image_alt":206,"kind":56,"categories":207,"app":212},"f98e31ef-02fc-4d39-bd77-31603bf265ed","Number Input with Stepper","A numeric input field labeled 'Votes' with minus and plus stepper controls on either side.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc9d28f57-d5c7-4e62-9a5a-52a834577a83.png",467,254,"Number Input with Stepper from Mural",[208],{"id":209,"title":210,"slug":211},257,"Input number","input-number",{"slug":31,"title":30,"logo":33,"categories":213},[],[],[216,219,222,225,228,231,234,236,240,244,248],{"label":217,"to":218},"Mural product screens","\u002Fexamples\u002Fapps\u002Fmural\u002Fscreens",{"label":220,"to":221},"Mural marketing pages","\u002Fexamples\u002Fapps\u002Fmural\u002Fmarketing",{"label":223,"to":224},"Mural user flows","\u002Fexamples\u002Fapps\u002Fmural\u002Fflows",{"label":226,"to":227},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":229,"to":230},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":232,"to":233},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":235,"to":18},"All SaaS app examples",{"label":237,"to":238,"description":239},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":241,"to":242,"description":243},"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":245,"to":246,"description":247},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":249,"to":250,"description":251},"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":253,"updated_at":254},"2023-04-11T10:55:50.000Z","2026-09-13T13:02:39.000Z"]