[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fdistrobird\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":40,"showcases":218,"links":219,"dates":232},"\u002Fexamples\u002Fapps\u002Fdistrobird\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Distrobird UI components examples - Nicelydone","Browse Distrobird UI component design examples. Preview individual interface elements and explore related component categories. Manage your entire sales…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ffd17c023-5b6f-490c-899c-d8d7fecfb56a.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},"Distrobird design examples","\u002Fexamples\u002Fapps\u002Fdistrobird",{"label":23,"to":4},"Distrobird UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Distrobird UI component design examples. Preview individual interface elements and explore related component categories. Manage your entire sales process in one place",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"categories":35},"Distrobird","distrobird","Manage your entire sales process in one place","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdistrobird-nlj8xwd7.png","https:\u002F\u002Fwww.distrobird.com",[36],{"id":37,"title":38,"slug":39},53,"CRM","crm",[41,56,71,86,98,113,128,143,158,173,188,203],{"uuid":42,"title":43,"description":44,"canonical_path":4,"image":11,"width":45,"height":46,"image_alt":47,"kind":48,"categories":49,"app":54},"d823189c-2dbe-418a-821e-4f062e49bd46","File upload dropzone","A drag-and-drop file upload area for a company logo, featuring a dashed border, an upload icon, instructional text, and a button to choose a file manually.",1550,709,"File upload dropzone from Distrobird","component",[50],{"id":51,"title":52,"slug":53},188,"File upload input","file-upload-input",{"slug":31,"title":30,"logo":33,"categories":55},[],{"uuid":57,"title":58,"description":59,"canonical_path":4,"image":60,"width":61,"height":62,"image_alt":63,"kind":48,"categories":64,"app":69},"59f8917c-1aee-4107-a6f8-1573c63c83fb","License usage card","A card displaying license usage with a progress bar, a legend, and an action button to assign a new license.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9f010f71-75ea-4741-bd37-54681d4bab97.png",798,596,"License usage card from Distrobird",[65],{"id":66,"title":67,"slug":68},213,"Progress indicator","progress-indicator",{"slug":31,"title":30,"logo":33,"categories":70},[],{"uuid":72,"title":73,"description":74,"canonical_path":4,"image":75,"width":76,"height":77,"image_alt":78,"kind":48,"categories":79,"app":84},"773955da-a86e-47c6-85fb-8fb5caf4dd62","Billing KPI Row","A horizontal row of key performance indicators displaying billing metrics such as last invoice, current balance, credit balance, licenses, and numbers.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd73a13d9-eb49-4713-ae88-99a18f5df065.png",2584,556,"Billing KPI Row from Distrobird",[80],{"id":81,"title":82,"slug":83},248,"Table","table-2",{"slug":31,"title":30,"logo":33,"categories":85},[],{"uuid":87,"title":88,"description":89,"canonical_path":4,"image":90,"width":91,"height":92,"image_alt":93,"kind":48,"categories":94,"app":96},"99ebfb32-9a36-4b8b-a5fe-a265ff04e3da","Usage progress bar","A horizontal progress bar showing usage limits for a specific feature, accompanied by a text label and a numeric fraction.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F55669de9-e98b-48eb-80e5-0cf0e06d115d.png",906,151,"Usage progress bar from Distrobird",[95],{"id":66,"title":67,"slug":68},{"slug":31,"title":30,"logo":33,"categories":97},[],{"uuid":99,"title":100,"description":101,"canonical_path":4,"image":102,"width":103,"height":104,"image_alt":105,"kind":48,"categories":106,"app":111},"d1ebb765-96c8-48f1-b417-fc4ee9f1681e","Permissions Checkbox List","A vertical list of checkboxes for configuring team permissions, with a section title and description.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc2a00a1d-233b-4737-afd1-a848610514c0.png",408,514,"Permissions Checkbox List from Distrobird",[107],{"id":108,"title":109,"slug":110},179,"Checkbox & radio","checkbox-radio",{"slug":31,"title":30,"logo":33,"categories":112},[],{"uuid":114,"title":115,"description":116,"canonical_path":4,"image":117,"width":118,"height":119,"image_alt":120,"kind":48,"categories":121,"app":126},"15616962-a593-4024-8511-e075ab733e2e","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\u002F6e7df6f5-d27a-4398-a1e9-17d6b29d8b71.png",904,205,"Settings toggle row from Distrobird",[122],{"id":123,"title":124,"slug":125},236,"Toggle\u002FSwitch","toggle-switch",{"slug":31,"title":30,"logo":33,"categories":127},[],{"uuid":129,"title":130,"description":131,"canonical_path":4,"image":132,"width":133,"height":134,"image_alt":135,"kind":48,"categories":136,"app":141},"b06f2594-ca80-480c-b39d-0f3ee8ed38e5","Number input with stepper","A numeric input field for selecting the number of seats, flanked by circular minus and plus buttons for incrementing or decrementing the value.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe16490ec-3e76-4406-9aa9-7d0c2341e111.png",1232,382,"Number input with stepper from Distrobird",[137],{"id":138,"title":139,"slug":140},257,"Input number","input-number",{"slug":31,"title":30,"logo":33,"categories":142},[],{"uuid":144,"title":145,"description":146,"canonical_path":4,"image":147,"width":148,"height":149,"image_alt":150,"kind":48,"categories":151,"app":156},"7f2b5975-5723-47be-90fc-f0391364f195","Date and Time Picker Popover","A popover calendar for selecting a date and time, featuring month and year dropdowns, a grid of days, and a time selection row at the bottom.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F51d31b94-f7b2-4038-96ff-95d4db7c4ea6.png",1236,1101,"Date and Time Picker Popover from Distrobird",[152],{"id":153,"title":154,"slug":155},184,"Datepicker","datepicker",{"slug":31,"title":30,"logo":33,"categories":157},[],{"uuid":159,"title":160,"description":161,"canonical_path":4,"image":162,"width":163,"height":164,"image_alt":165,"kind":48,"categories":166,"app":171},"dbe2b747-2738-4ff7-abea-c882af173e1f","Multi-select input field","A form field for selecting the call purpose, currently showing one selected tag with options to clear the selection or open the dropdown.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fccc5288e-0de2-479e-9e1a-5d49a5371b21.png",964,250,"Multi-select input field from Distrobird",[167],{"id":168,"title":169,"slug":170},252,"Input tag","input-tag",{"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":48,"categories":181,"app":186},"d9232efc-5cd2-4bf9-8f95-d2595137f0bc","Detail view tabs","A tabbed navigation component with two options: 'Recording & Transcript' and 'Call Disposition'. The first tab is active and includes a small yellow icon badge.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F50a9e4fb-715b-4787-b844-cb9443be4aa5.png",681,107,"Detail view tabs from Distrobird",[182],{"id":183,"title":184,"slug":185},233,"Tabs","tabs",{"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":48,"categories":196,"app":201},"de7049be-0a68-4050-aa0d-dea6f96a7ce0","Audio player controls","A horizontal audio player control bar featuring rewind, play, and fast-forward buttons, a progress slider, a timestamp, and a playback speed toggle.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb2ee3c7f-07a6-4ba2-986d-30441bc69a2c.png",946,192,"Audio player controls from Distrobird",[197],{"id":198,"title":199,"slug":200},170,"Audio player","audio-player",{"slug":31,"title":30,"logo":33,"categories":202},[],{"uuid":204,"title":205,"description":206,"canonical_path":4,"image":207,"width":208,"height":209,"image_alt":210,"kind":48,"categories":211,"app":216},"899aad77-ca3a-4670-b188-b8ca2f663d99","Email composer","A modal or inline form for composing an email, featuring fields for sender, recipient, subject, and a large text area for the message body. It includes a toolbar with formatting and attachment options, and a primary send button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2898f939-c97a-41fe-b78b-e6eeeb777e6b.png",2084,1068,"Email composer from Distrobird",[212],{"id":213,"title":214,"slug":215},221,"Rich text editor","rich-text-editor",{"slug":31,"title":30,"logo":33,"categories":217},[],[],[220,223,226,229],{"label":221,"to":222},"Distrobird product screens","\u002Fexamples\u002Fapps\u002Fdistrobird\u002Fscreens",{"label":224,"to":225},"Distrobird marketing pages","\u002Fexamples\u002Fapps\u002Fdistrobird\u002Fmarketing",{"label":227,"to":228},"Distrobird user flows","\u002Fexamples\u002Fapps\u002Fdistrobird\u002Fflows",{"label":230,"to":231},"CRM app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcrm",{"published_at":233,"updated_at":234},"2023-10-09T06:10:43.000Z","2026-09-17T12:10:25.000Z"]