[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fdub\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":43,"showcases":188,"links":189,"dates":223},"\u002Fexamples\u002Fapps\u002Fdub\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Dub UI components examples - Nicelydone","Browse Dub UI component design examples. Preview individual interface elements and explore related component categories. Short links with superpowers","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8981bd0f-cfee-4061-bea5-71d3eb87c7a9.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},"Dub design examples","\u002Fexamples\u002Fapps\u002Fdub",{"label":23,"to":4},"Dub 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},"Dub","dub","Short links with superpowers","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdub-43tr8usg.png","https:\u002F\u002Fdub.sh",[35,39],{"id":36,"title":37,"slug":38},25,"Marketing","marketing",{"id":40,"title":41,"slug":42},46,"Analytics","analytics",[44,59,72,85,98,111,124,133,142,154,162,175],{"uuid":45,"title":46,"description":47,"canonical_path":4,"image":11,"width":48,"height":49,"image_alt":50,"kind":51,"categories":52,"app":57},"12f45f62-2183-4619-8979-e151c52ec66c","Dub UI component","The screenshot displays a modal with workspace options and help resources.",739,1000,"UI component from Dub","component",[53],{"id":54,"title":55,"slug":56},190,"Dropdown menu","dropdown-menu",{"slug":30,"title":29,"logo":32,"categories":58},[],{"uuid":60,"title":46,"description":61,"canonical_path":4,"image":62,"width":63,"height":64,"image_alt":50,"kind":51,"categories":65,"app":70},"6422efd9-a74a-492e-a5f0-705386dc21cf","A modal window describing webhooks and prompting the user to upgrade to a business plan.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F62454617-5e86-44f8-912e-f70676974074.png",2638,876,[66],{"id":67,"title":68,"slug":69},255,"Upgrade your plan","upgrade-your-plan",{"slug":30,"title":29,"logo":32,"categories":71},[],{"uuid":73,"title":46,"description":74,"canonical_path":4,"image":75,"width":76,"height":77,"image_alt":50,"kind":51,"categories":78,"app":83},"9419d832-77bb-494e-9a9f-f6f26cf0795e","The screenshot displays a permissions configuration interface.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F79844199-184b-4721-a905-104bd889daef.png",988,832,[79],{"id":80,"title":81,"slug":82},218,"Segmented control","segmented-control",{"slug":30,"title":29,"logo":32,"categories":84},[],{"uuid":86,"title":46,"description":87,"canonical_path":4,"image":88,"width":89,"height":90,"image_alt":50,"kind":51,"categories":91,"app":96},"ea37e13f-27e0-492c-82fc-a71b34979a7d","A selection of color tags.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1ef389b3-9212-4f25-ad4e-b083b4d5ab7b.png",743,299,[92],{"id":93,"title":94,"slug":95},183,"Color picker","color-picker",{"slug":30,"title":29,"logo":32,"categories":97},[],{"uuid":99,"title":46,"description":100,"canonical_path":4,"image":101,"width":102,"height":103,"image_alt":50,"kind":51,"categories":104,"app":109},"ec10dfa5-4cfe-4701-852c-ef92ad22d57a","The screenshot shows a warning message regarding domain ownership transfer when setting a TXT record.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd89a32b8-e8da-4a22-8e28-336abf498288.png",2554,448,[105],{"id":106,"title":107,"slug":108},167,"Alert","alert",{"slug":30,"title":29,"logo":32,"categories":110},[],{"uuid":112,"title":46,"description":113,"canonical_path":4,"image":114,"width":115,"height":116,"image_alt":50,"kind":51,"categories":117,"app":122},"8256e516-0bc9-4428-a7f8-3cce3c4aa94d","A card displaying the number of events tracked and a progress bar indicating the remaining events.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7d6c0956-1755-41cc-aad3-56d6c442b676.png",850,456,[118],{"id":119,"title":120,"slug":121},213,"Progress indicator","progress-indicator",{"slug":30,"title":29,"logo":32,"categories":123},[],{"uuid":125,"title":46,"description":126,"canonical_path":4,"image":127,"width":63,"height":128,"image_alt":50,"kind":51,"categories":129,"app":131},"8b9d6f02-ace5-41a1-96e8-cdf8b8b7e48b","The screenshot displays a table with link click data, including the link, country, device, and date.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F380a519f-34fc-4354-bccc-950e1bf55cc2.png",1640,[130],{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":132},[],{"uuid":134,"title":46,"description":135,"canonical_path":4,"image":136,"width":63,"height":137,"image_alt":50,"kind":51,"categories":138,"app":140},"d0d05a8f-4003-4cdc-9681-c699f129643e","A dashboard showcasing conversion analytics with metrics like clicks, leads, and sales, along with a video preview and upgrade prompt.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F87f37e40-fa0c-4410-ade3-8f435f5299cd.png",1417,[139],{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":141},[],{"uuid":143,"title":46,"description":144,"canonical_path":4,"image":145,"width":63,"height":146,"image_alt":50,"kind":51,"categories":147,"app":152},"0bb46d96-84b2-4073-ab37-6e056d74aef2","A dashboard displaying clicks, leads, and sales data with a line chart.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F32ae513e-d9f2-4902-a3a1-03853ba33697.png",1430,[148],{"id":149,"title":150,"slug":151},186,"Charts","charts",{"slug":30,"title":29,"logo":32,"categories":153},[],{"uuid":155,"title":46,"description":156,"canonical_path":4,"image":157,"width":63,"height":146,"image_alt":50,"kind":51,"categories":158,"app":160},"cbf4f5d0-da2c-4737-8d8a-bd312dc468a7","The screenshot displays a dashboard interface with key metrics and a line chart.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7358f84c-515f-434b-93af-8098f9ac03ff.png",[159],{"id":149,"title":150,"slug":151},{"slug":30,"title":29,"logo":32,"categories":161},[],{"uuid":163,"title":46,"description":164,"canonical_path":4,"image":165,"width":166,"height":167,"image_alt":50,"kind":51,"categories":168,"app":173},"7493fa71-79ae-4689-8d97-8425b4d498d3","The screenshot shows a date range picker with a calendar and predefined date ranges.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7527cbc8-d834-40a5-b4a5-dc1e74587bc5.png",2244,1212,[169],{"id":170,"title":171,"slug":172},184,"Datepicker","datepicker",{"slug":30,"title":29,"logo":32,"categories":174},[],{"uuid":176,"title":46,"description":177,"canonical_path":4,"image":178,"width":179,"height":180,"image_alt":50,"kind":51,"categories":181,"app":186},"e5a4a715-58b4-484c-b69f-7e0d63ccd84f","A modal to import links from a CSV file.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F22b5e118-a42c-4436-982e-66e28a968b19.png",1516,1221,[182],{"id":183,"title":184,"slug":185},188,"File upload input","file-upload-input",{"slug":30,"title":29,"logo":32,"categories":187},[],[],[190,193,196,199,202,205,207,211,215,219],{"label":191,"to":192},"Dub product screens","\u002Fexamples\u002Fapps\u002Fdub\u002Fscreens",{"label":194,"to":195},"Dub marketing pages","\u002Fexamples\u002Fapps\u002Fdub\u002Fmarketing",{"label":197,"to":198},"Dub user flows","\u002Fexamples\u002Fapps\u002Fdub\u002Fflows",{"label":200,"to":201},"Marketing app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmarketing",{"label":203,"to":204},"Analytics app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fanalytics",{"label":206,"to":18},"All SaaS app examples",{"label":208,"to":209,"description":210},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":212,"to":213,"description":214},"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":216,"to":217,"description":218},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":220,"to":221,"description":222},"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":224,"updated_at":225},"2023-01-16T03:50:05.000Z","2026-09-13T13:02:39.000Z"]