[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Foutverse\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":203,"links":204,"dates":235},"\u002Fexamples\u002Fapps\u002Foutverse\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Outverse UI components examples - Nicelydone","Browse Outverse UI component design examples. Preview individual interface elements and explore related component categories. Where software companies build…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F59529b15-039c-46a5-9091-ea769fe3b643.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},"Outverse design examples","\u002Fexamples\u002Fapps\u002Foutverse",{"label":23,"to":4},"Outverse UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Outverse UI component design examples. Preview individual interface elements and explore related component categories. Where software companies build community",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":35,"categories":36},"Outverse","outverse","Where software companies build community","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Foutverse-b0cd09c2.png","https:\u002F\u002Fwww.outverse.com","outverse_",[37],{"id":38,"title":39,"slug":40},1,"Communities","communities",[42,57,69,77,92,107,117,132,147,162,173,188],{"uuid":43,"title":44,"description":45,"canonical_path":4,"image":11,"width":46,"height":47,"image_alt":48,"kind":49,"categories":50,"app":55},"45145b4f-391f-4f8c-a154-a7bf53241c56","Theme switch tooltip","A tooltip displaying 'Switch theme' positioned above a sun icon button.",258,177,"Theme switch tooltip from Outverse","component",[51],{"id":52,"title":53,"slug":54},256,"Theme settings","theme-settings",{"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":67},"bbdab98b-d494-45ed-9f68-886c7fe5ad28","Theme selection form","A form section for selecting the application theme, featuring a label, a dropdown select input currently showing 'Dark', and an 'Update' button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcde0f154-6969-4d6e-a849-ed18ac2d59fb.png",1452,522,"Theme selection form from Outverse",[66],{"id":52,"title":53,"slug":54},{"slug":31,"title":30,"logo":33,"categories":68},[],{"uuid":70,"title":59,"description":71,"canonical_path":4,"image":72,"width":62,"height":63,"image_alt":64,"kind":49,"categories":73,"app":75},"4f320814-1652-408c-8546-ba4cb51df2ac","A form section allowing users to select their preferred theme via a dropdown menu, followed by an update button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7d870808-5ffd-4c47-9a69-982b1898d0b8.png",[74],{"id":52,"title":53,"slug":54},{"slug":31,"title":30,"logo":33,"categories":76},[],{"uuid":78,"title":79,"description":80,"canonical_path":4,"image":81,"width":82,"height":83,"image_alt":84,"kind":49,"categories":85,"app":90},"097aafd5-02a8-49d8-9750-5b1a5c9c2299","Error Toast","A floating toast notification displaying a validation error message with a red alert icon and a close button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7d87ab82-2aa0-41e9-a34d-849b4c6a14ab.png",854,268,"Error Toast from Outverse",[86],{"id":87,"title":88,"slug":89},247,"Notification Toast","notification-element",{"slug":31,"title":30,"logo":33,"categories":91},[],{"uuid":93,"title":94,"description":95,"canonical_path":4,"image":96,"width":97,"height":98,"image_alt":99,"kind":49,"categories":100,"app":105},"011dcd02-94d5-45c2-abfc-c74af3c1e2c2","Settings toggle with description","A toggle switch with a title and a descriptive subtitle, used to enable or disable a specific feature.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8bfdc651-df1e-49d2-b307-19db8a1131ff.png",1271,341,"Settings toggle with description from Outverse",[101],{"id":102,"title":103,"slug":104},236,"Toggle\u002FSwitch","toggle-switch",{"slug":31,"title":30,"logo":33,"categories":106},[],{"uuid":108,"title":109,"description":110,"canonical_path":4,"image":111,"width":97,"height":98,"image_alt":112,"kind":49,"categories":113,"app":115},"4c122535-3683-40e6-bb48-503cad9d6087","Settings toggle row","A row containing a title, a descriptive subtitle, and a toggle switch to enable or disable a setting.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4ed8cfc7-b675-4ff6-9c20-43c3bb550bcc.png","Settings toggle row from Outverse",[114],{"id":102,"title":103,"slug":104},{"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},"b2f91029-eeda-4473-8873-143965c8b9bc","Community Sidebar Navigation","A vertical sidebar navigation menu for a community workspace, featuring a workspace switcher, explore links, collapsible channel categories, and a knowledge base section.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F640a13f6-2b00-4085-8100-9c81fba534dc.png",658,1842,"Community Sidebar Navigation from Outverse",[126],{"id":127,"title":128,"slug":129},209,"Vertical navigation","vertical-navigation",{"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":145},"9b823848-a05d-47ae-b7cd-b3cc179e2c08","Color picker popover","A floating color picker popover displaying a grid of preset color swatches and a hex code input field.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F069ac5ae-b402-4299-927b-ef3dc6b33469.png",672,496,"Color picker popover from Outverse",[141],{"id":142,"title":143,"slug":144},183,"Color picker","color-picker",{"slug":31,"title":30,"logo":33,"categories":146},[],{"uuid":148,"title":149,"description":150,"canonical_path":4,"image":151,"width":152,"height":153,"image_alt":154,"kind":49,"categories":155,"app":160},"712eb96f-f0d4-4d2b-818f-cdd5fc36c3b9","Workspace switcher dropdown","A dropdown menu for switching between communities, featuring a search bar, an option to create a new community, and a list of existing communities.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd3edc165-b4ec-4602-b84e-6e2279838c72.png",770,590,"Workspace switcher dropdown from Outverse",[156],{"id":157,"title":158,"slug":159},190,"Dropdown menu","dropdown-menu",{"slug":31,"title":30,"logo":33,"categories":161},[],{"uuid":163,"title":164,"description":165,"canonical_path":4,"image":166,"width":167,"height":83,"image_alt":168,"kind":49,"categories":169,"app":171},"dc7c41e8-5918-4ebe-ae7c-578df6011b38","Success Toast Notification","A toast notification confirming that an email has been sent successfully. It features a green checkmark icon, the confirmation message including the recipient's email address, and a close icon.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F14b3e026-ba97-49fc-8a0f-de4a204c8abb.png",878,"Success Toast Notification from Outverse",[170],{"id":87,"title":88,"slug":89},{"slug":31,"title":30,"logo":33,"categories":172},[],{"uuid":174,"title":175,"description":176,"canonical_path":4,"image":177,"width":178,"height":179,"image_alt":180,"kind":49,"categories":181,"app":186},"9aa34b6a-7af6-44e6-86e1-5ba54ba510ea","Website footer","A standard website footer with a logo, social links, categorized navigation links, and a bottom bar with copyright and legal links.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F49cd0fe8-cb80-491c-b46f-efac5122e56b.png",2816,926,"Website footer from Outverse",[182],{"id":183,"title":184,"slug":185},202,"Footer","footer",{"slug":31,"title":30,"logo":33,"categories":187},[],{"uuid":189,"title":190,"description":191,"canonical_path":4,"image":192,"width":193,"height":194,"image_alt":195,"kind":49,"categories":196,"app":201},"33d39a38-9c28-4859-ad6f-3911a36f77c2","Abstract code and device illustration","An abstract illustration depicting a browser window containing stylized lines of code on the left and a mobile device mockup on the right.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc88dc03d-7765-4d0f-a088-866b799e86fb.png",699,515,"Abstract code and device illustration from Outverse",[197],{"id":198,"title":199,"slug":200},278,"Illustration","illustration",{"slug":31,"title":30,"logo":33,"categories":202},[],[],[205,208,211,214,217,219,223,227,231],{"label":206,"to":207},"Outverse product screens","\u002Fexamples\u002Fapps\u002Foutverse\u002Fscreens",{"label":209,"to":210},"Outverse marketing pages","\u002Fexamples\u002Fapps\u002Foutverse\u002Fmarketing",{"label":212,"to":213},"Outverse user flows","\u002Fexamples\u002Fapps\u002Foutverse\u002Fflows",{"label":215,"to":216},"Communities app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcommunities",{"label":218,"to":18},"All SaaS app examples",{"label":220,"to":221,"description":222},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":224,"to":225,"description":226},"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":228,"to":229,"description":230},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":232,"to":233,"description":234},"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":236,"updated_at":237},"2023-08-21T08:52:52.000Z","2026-09-17T00:05:35.000Z"]