[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Foutseta\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":55,"showcases":202,"links":203,"dates":222},"\u002Fexamples\u002Fapps\u002Foutseta\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Outseta UI components examples - Nicelydone","Browse Outseta UI component design examples. Preview individual interface elements and explore related component categories. The membership operating system","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F70c496b9-955b-48ef-a533-fa6f9c55a428.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},"Outseta design examples","\u002Fexamples\u002Fapps\u002Foutseta",{"label":23,"to":4},"Outseta 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,"twitter_username":30,"categories":34},"Outseta","outseta","The membership operating system","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F936c2a3c-b3fd-40ad-a0f0-efcb89fadd6c.png","https:\u002F\u002Fwww.outseta.com",[35,39,43,47,51],{"id":36,"title":37,"slug":38},1,"Communities","communities",{"id":40,"title":41,"slug":42},92,"Email","email",{"id":44,"title":45,"slug":46},53,"CRM","crm",{"id":48,"title":49,"slug":50},39,"Payments","payments",{"id":52,"title":53,"slug":54},47,"Customer Service","customer-service",[56,71,81,94,107,120,133,143,153,163,176,189],{"uuid":57,"title":58,"description":59,"canonical_path":4,"image":11,"width":60,"height":61,"image_alt":62,"kind":63,"categories":64,"app":69},"03985ae3-f0e8-4574-acbe-dbfc3058a9de","Outseta UI component","A search modal with a list of people and accounts.",1177,644,"UI component from Outseta","component",[65],{"id":66,"title":67,"slug":68},295,"Input search","input-search",{"slug":30,"title":29,"logo":32,"categories":70},[],{"uuid":72,"title":58,"description":73,"canonical_path":4,"image":74,"width":75,"height":76,"image_alt":62,"kind":63,"categories":77,"app":79},"70c1d9fb-e447-477e-8473-5ec7bfce7626","The screenshot shows a search modal.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F17ad1ee3-3d29-453d-bab9-7b3b3cf1b469.png",1108,409,[78],{"id":66,"title":67,"slug":68},{"slug":30,"title":29,"logo":32,"categories":80},[],{"uuid":82,"title":58,"description":83,"canonical_path":4,"image":84,"width":85,"height":86,"image_alt":62,"kind":63,"categories":87,"app":92},"b190edef-b657-487d-8e5c-5611a4a0362d","A setup guide with a progress bar and a list of tasks to complete.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F06ff5c14-be90-4808-86dc-2d06166fb695.png",1637,1858,[88],{"id":89,"title":90,"slug":91},213,"Progress indicator","progress-indicator",{"slug":30,"title":29,"logo":32,"categories":93},[],{"uuid":95,"title":58,"description":96,"canonical_path":4,"image":97,"width":98,"height":99,"image_alt":62,"kind":63,"categories":100,"app":105},"fce31828-597f-4ae0-b2ab-a78fe8def159","A dashboard displaying metrics such as people, accounts, emails, and tickets over time.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa988dc95-54dd-4498-adba-866acd827885.png",1089,3015,[101],{"id":102,"title":103,"slug":104},186,"Charts","charts",{"slug":30,"title":29,"logo":32,"categories":106},[],{"uuid":108,"title":58,"description":109,"canonical_path":4,"image":110,"width":111,"height":112,"image_alt":62,"kind":63,"categories":113,"app":118},"3784019e-bf3a-430a-9ecb-f3d0656a66b0","A list of activity logs with timestamps.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe52013d8-0f92-44bf-b2ff-7ef7a512b720.png",2056,2314,[114],{"id":115,"title":116,"slug":117},249,"Timeline & history","timeline-history",{"slug":30,"title":29,"logo":32,"categories":119},[],{"uuid":121,"title":58,"description":122,"canonical_path":4,"image":123,"width":124,"height":125,"image_alt":62,"kind":63,"categories":126,"app":131},"0b737e0e-829f-4b5a-8038-bee8bdedc3e5","A color mode selection with light, dark, and auto options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7773a610-d5bd-4d85-a3ef-4fb678439170.png",754,203,[127],{"id":128,"title":129,"slug":130},218,"Segmented control","segmented-control",{"slug":30,"title":29,"logo":32,"categories":132},[],{"uuid":134,"title":58,"description":135,"canonical_path":4,"image":136,"width":137,"height":138,"image_alt":62,"kind":63,"categories":139,"app":141},"f17e6bcc-657e-4722-b496-9485982874e9","A card displaying cancellation statistics.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6e50d8b7-dc18-4ce7-b4ef-f158b0540e70.png",1005,928,[140],{"id":102,"title":103,"slug":104},{"slug":30,"title":29,"logo":32,"categories":142},[],{"uuid":144,"title":58,"description":145,"canonical_path":4,"image":146,"width":147,"height":148,"image_alt":62,"kind":63,"categories":149,"app":151},"1b67ec44-c157-416e-a516-04f69edce0d5","A dashboard with financial metrics and charts.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F07192d1f-169e-409d-a3f2-b0f8853514db.png",3016,1666,[150],{"id":102,"title":103,"slug":104},{"slug":30,"title":29,"logo":32,"categories":152},[],{"uuid":154,"title":58,"description":155,"canonical_path":4,"image":156,"width":157,"height":158,"image_alt":62,"kind":63,"categories":159,"app":161},"4620e4df-07c0-4020-8cf1-a48d8e605431","The screenshot shows a cohort chart with a dropdown menu to select the cohort size.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4e00b82d-2f83-4be9-ab87-36a38ad264b7.png",3018,1846,[160],{"id":102,"title":103,"slug":104},{"slug":30,"title":29,"logo":32,"categories":162},[],{"uuid":164,"title":58,"description":165,"canonical_path":4,"image":166,"width":167,"height":168,"image_alt":62,"kind":63,"categories":169,"app":174},"36bdc081-5a6d-4256-8293-60d2556333c0","Support ticket embed settings.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8a692b2a-e406-48e2-a3e1-8b5ba0b7cb17.png",2303,596,[170],{"id":171,"title":172,"slug":173},241,"Click to copy","click-to-copy",{"slug":30,"title":29,"logo":32,"categories":175},[],{"uuid":177,"title":58,"description":178,"canonical_path":4,"image":179,"width":180,"height":181,"image_alt":62,"kind":63,"categories":182,"app":187},"b697c9d2-1ae7-4da3-8ca6-60e00264c69c","A text editor interface with formatting options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F43527ed7-c81c-429b-b338-3ab94a549f0b.png",1638,770,[183],{"id":184,"title":185,"slug":186},221,"Rich text editor","rich-text-editor",{"slug":30,"title":29,"logo":32,"categories":188},[],{"uuid":190,"title":58,"description":191,"canonical_path":4,"image":192,"width":193,"height":194,"image_alt":62,"kind":63,"categories":195,"app":200},"8c78d855-b51d-4c2e-8b77-5215c4a1441b","A toggle switch to automatically create a deal when a form is submitted.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fbace672c-2e83-4803-8230-182a7539b343.png",1306,383,[196],{"id":197,"title":198,"slug":199},236,"Toggle\u002FSwitch","toggle-switch",{"slug":30,"title":29,"logo":32,"categories":201},[],[],[204,207,210,213,216,219],{"label":205,"to":206},"Outseta product screens","\u002Fexamples\u002Fapps\u002Foutseta\u002Fscreens",{"label":208,"to":209},"Outseta marketing pages","\u002Fexamples\u002Fapps\u002Foutseta\u002Fmarketing",{"label":211,"to":212},"Outseta user flows","\u002Fexamples\u002Fapps\u002Foutseta\u002Fflows",{"label":214,"to":215},"Communities app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcommunities",{"label":217,"to":218},"Email app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Femail",{"label":220,"to":221},"CRM app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcrm",{"published_at":223,"updated_at":224},"2025-07-30T09:55:38.000Z","2026-09-13T13:02:39.000Z"]