[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Funiverse\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":47,"showcases":197,"links":198,"dates":217},"\u002Fexamples\u002Fapps\u002Funiverse\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Universe UI components examples - Nicelydone","Browse Universe UI component design examples. Preview individual interface elements and explore related component categories. Design Custom Sites with No Code","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff311d8bb-6b59-4c94-ac90-289a2771bb80.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},"Universe design examples","\u002Fexamples\u002Fapps\u002Funiverse",{"label":23,"to":4},"Universe 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,"categories":34},"Universe","universe","Design Custom Sites with No Code","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fa1f738aa-4481-4f65-b6d7-49d68fb8a925.png","https:\u002F\u002Funiver.se",[35,39,43],{"id":36,"title":37,"slug":38},7,"Web Development","web-development",{"id":40,"title":41,"slug":42},8,"Design","design",{"id":44,"title":45,"slug":46},96,"No code","no-code",[48,63,76,89,99,112,125,135,145,158,171,184],{"uuid":49,"title":50,"description":51,"canonical_path":4,"image":11,"width":52,"height":53,"image_alt":54,"kind":55,"categories":56,"app":61},"ef6212d8-4b6f-44ae-b837-352c6c248d54","Universe UI component","A dropdown menu displaying user account options, including settings, community, help, and sign out, associated with a user's email address and profile icon.",618,603,"UI component from Universe","component",[57],{"id":58,"title":59,"slug":60},190,"Dropdown menu","dropdown-menu",{"slug":30,"title":29,"logo":32,"categories":62},[],{"uuid":64,"title":50,"description":65,"canonical_path":4,"image":66,"width":67,"height":68,"image_alt":54,"kind":55,"categories":69,"app":74},"8a6ba14b-511f-4d61-a2f0-488701dcc77b","A modal dialog prompting a user to upgrade their plan to access menu style customization features.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc8c40b5b-e1b8-4bbf-a321-22d5680f7c93.png",762,661,[70],{"id":71,"title":72,"slug":73},255,"Upgrade your plan","upgrade-your-plan",{"slug":30,"title":29,"logo":32,"categories":75},[],{"uuid":77,"title":50,"description":78,"canonical_path":4,"image":79,"width":80,"height":81,"image_alt":54,"kind":55,"categories":82,"app":87},"d1279b7d-d2d5-4d5d-a63c-9b0557e1c4aa","A confirmation modal dialog for deleting a page, featuring a warning icon, a primary delete button, and a secondary cancel option.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2329e719-0201-4d20-a76b-648b957511ef.png",785,876,[83],{"id":84,"title":85,"slug":86},284,"Modal","modal",{"slug":30,"title":29,"logo":32,"categories":88},[],{"uuid":90,"title":50,"description":91,"canonical_path":4,"image":92,"width":93,"height":94,"image_alt":54,"kind":55,"categories":95,"app":97},"4ad32fa5-a70e-4695-a2b7-786b56929e0f","A contextual menu displaying options to edit, duplicate, or delete a selected graphic element.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4488bfa2-d0d7-4dac-8afa-f540e3fd53a5.png",545,693,[96],{"id":58,"title":59,"slug":60},{"slug":30,"title":29,"logo":32,"categories":98},[],{"uuid":100,"title":50,"description":101,"canonical_path":4,"image":102,"width":103,"height":104,"image_alt":54,"kind":55,"categories":105,"app":110},"cb1a4db1-7402-498d-98a5-871de70ba750","A user interface element for selecting margin size with a title, description, and segmented control.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F01ab489e-b34d-45a9-9e03-f50524311291.png",704,290,[106],{"id":107,"title":108,"slug":109},218,"Segmented control","segmented-control",{"slug":30,"title":29,"logo":32,"categories":111},[],{"uuid":113,"title":50,"description":114,"canonical_path":4,"image":115,"width":116,"height":117,"image_alt":54,"kind":55,"categories":118,"app":123},"eccb4292-7ef9-4f53-ab5a-fef7f3122b29","A modal window presenting a grid of content block options for adding various elements to a digital canvas.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6de70e6a-d429-4d98-87b4-506930453d5b.png",981,1444,[119],{"id":120,"title":121,"slug":122},246,"Toolbox","toolbox",{"slug":30,"title":29,"logo":32,"categories":124},[],{"uuid":126,"title":50,"description":127,"canonical_path":4,"image":128,"width":129,"height":130,"image_alt":54,"kind":55,"categories":131,"app":133},"3d4d372a-6808-4743-9bcf-a87d27195545","A modal window providing text formatting and linking options within an application.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd7133cd1-dd70-4e9e-a632-e0a281d3b5ce.png",734,1238,[132],{"id":120,"title":121,"slug":122},{"slug":30,"title":29,"logo":32,"categories":134},[],{"uuid":136,"title":50,"description":137,"canonical_path":4,"image":138,"width":139,"height":140,"image_alt":54,"kind":55,"categories":141,"app":143},"56ce001f-57e1-4d2d-a488-c553030f471b","A modal dialog displaying layout and content adjustment options with associated icons and controls.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F86534dea-14e6-4451-a2b6-6d6e87742a26.png",570,620,[142],{"id":120,"title":121,"slug":122},{"slug":30,"title":29,"logo":32,"categories":144},[],{"uuid":146,"title":50,"description":147,"canonical_path":4,"image":148,"width":149,"height":150,"image_alt":54,"kind":55,"categories":151,"app":156},"188cd5e7-ebf5-4d5e-b60a-95dcd7b56bb8","A vertical navigation sidebar with site management options and a user profile link.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F059c5bf6-e1c2-456c-ad78-9b7e3638ad9a.png",488,1777,[152],{"id":153,"title":154,"slug":155},209,"Vertical navigation","vertical-navigation",{"slug":30,"title":29,"logo":32,"categories":157},[],{"uuid":159,"title":50,"description":160,"canonical_path":4,"image":161,"width":162,"height":163,"image_alt":54,"kind":55,"categories":164,"app":169},"863c803a-013f-4ab5-9406-80db8ffc7eda","A user interface element displaying a slider for font size adjustment with a numerical value.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd01487b0-dbe6-4ab8-9ee9-36bc4955b135.png",686,243,[165],{"id":166,"title":167,"slug":168},223,"Slider","slider",{"slug":30,"title":29,"logo":32,"categories":170},[],{"uuid":172,"title":50,"description":173,"canonical_path":4,"image":174,"width":175,"height":176,"image_alt":54,"kind":55,"categories":177,"app":182},"812fe38d-1ade-47cf-bfe8-c87878373e42","A design interface displaying text editing controls in a modal, used to modify selected text on a grid-based canvas.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc87fd60d-cf0c-489f-b964-1c637c37b955.png",2424,1099,[178],{"id":179,"title":180,"slug":181},221,"Rich text editor","rich-text-editor",{"slug":30,"title":29,"logo":32,"categories":183},[],{"uuid":185,"title":50,"description":186,"canonical_path":4,"image":187,"width":188,"height":189,"image_alt":54,"kind":55,"categories":190,"app":195},"9748919a-e88f-4134-af7f-0b5581a31398","A dropdown menu for selecting content purpose with checkboxes.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F993f4e8c-8935-42ab-8110-d8438154dc48.png",527,1181,[191],{"id":192,"title":193,"slug":194},195,"Input multi-select","input-multi-select",{"slug":30,"title":29,"logo":32,"categories":196},[],[],[199,202,205,208,211,214],{"label":200,"to":201},"Universe product screens","\u002Fexamples\u002Fapps\u002Funiverse\u002Fscreens",{"label":203,"to":204},"Universe marketing pages","\u002Fexamples\u002Fapps\u002Funiverse\u002Fmarketing",{"label":206,"to":207},"Universe user flows","\u002Fexamples\u002Fapps\u002Funiverse\u002Fflows",{"label":209,"to":210},"Web Development app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fweb-development",{"label":212,"to":213},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"label":215,"to":216},"No code app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fno-code",{"published_at":218,"updated_at":219},"2026-01-31T20:30:43.000Z","2026-09-13T13:02:39.000Z"]