[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fmintlify\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":44,"showcases":220,"links":221,"dates":255},"\u002Fexamples\u002Fapps\u002Fmintlify\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Mintlify UI components examples - Nicelydone","Browse Mintlify UI component design examples. Preview individual interface elements and explore related component categories. The documentation you want,…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8bcde75d-fafc-4b25-9ef7-eb03f1ab3baf.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},"Mintlify design examples","\u002Fexamples\u002Fapps\u002Fmintlify",{"label":23,"to":4},"Mintlify UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Mintlify UI component design examples. Preview individual interface elements and explore related component categories. The documentation you want, effortlessly",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":31,"categories":35},"Mintlify","mintlify","The documentation you want, effortlessly","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fmintlify-a157ec17.png","https:\u002F\u002Fmintlify.com\u002F",[36,40],{"id":37,"title":38,"slug":39},48,"Developer Tools","developer-tools",{"id":41,"title":42,"slug":43},22,"Knowledge Management","knowledge-management",[45,60,75,90,104,119,134,145,160,175,190,205],{"uuid":46,"title":47,"description":48,"canonical_path":4,"image":11,"width":49,"height":50,"image_alt":51,"kind":52,"categories":53,"app":58},"a055a7ed-1252-4608-93e8-f37974ccf4e5","AI Search Overlay","A modal overlay featuring a large text input for asking questions, accompanied by a section of suggested prompt chips.",1429,513,"AI Search Overlay from Mintlify","component",[54],{"id":55,"title":56,"slug":57},295,"Input search","input-search",{"slug":31,"title":30,"logo":33,"categories":59},[],{"uuid":61,"title":62,"description":63,"canonical_path":4,"image":64,"width":65,"height":66,"image_alt":67,"kind":52,"categories":68,"app":73},"3f2587ea-d2bb-447f-95a5-798b5eb7e0dc","Activity History Table","A table displaying a history of updates made to documentation. It includes columns for Activity, Status, and Changes, with rows showing individual updates, their success or failure status, and a chevron to expand for more details.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5c321f39-7ed9-4cb0-8702-38d38a6a8a29.png",2560,2099,"Activity History Table from Mintlify",[69],{"id":70,"title":71,"slug":72},248,"Table","table-2",{"slug":31,"title":30,"logo":33,"categories":74},[],{"uuid":76,"title":77,"description":78,"canonical_path":4,"image":79,"width":80,"height":81,"image_alt":82,"kind":52,"categories":83,"app":88},"2019c525-20cb-4b5d-8649-877e8681633f","Paywalled Integration Card","A card component displaying a gated integration option. It includes a title with an icon, a badge indicating it requires an Enterprise plan, descriptive text with a link, and a disabled action button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9504e172-0027-446f-96c4-6734ebc1e92e.png",1660,580,"Paywalled Integration Card from Mintlify",[84],{"id":85,"title":86,"slug":87},255,"Upgrade your plan","upgrade-your-plan",{"slug":31,"title":30,"logo":33,"categories":89},[],{"uuid":91,"title":92,"description":93,"canonical_path":4,"image":94,"width":65,"height":95,"image_alt":96,"kind":52,"categories":97,"app":102},"13c8e5d8-81c1-4b12-b539-0ad83c5307ad","Analytics Overview Dashboard","A dashboard view showing key performance indicators and a line chart for visitor history over a selected date range.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3eddcb52-de84-4966-a857-ab8d462b5c6e.png",1578,"Analytics Overview Dashboard from Mintlify",[98],{"id":99,"title":100,"slug":101},186,"Charts","charts",{"slug":31,"title":30,"logo":33,"categories":103},[],{"uuid":105,"title":106,"description":107,"canonical_path":4,"image":108,"width":109,"height":110,"image_alt":111,"kind":52,"categories":112,"app":117},"522cd7f4-cb25-4389-8f94-3bb329819638","Date Range Picker","A date range picker component showing an open calendar popover. The trigger input displays the currently selected date range, and the calendar shows the month of November 2024 with a selected end date.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F96f31d44-cecf-498d-9f3b-4ae7f775fe0f.png",980,791,"Date Range Picker from Mintlify",[113],{"id":114,"title":115,"slug":116},184,"Datepicker","datepicker",{"slug":31,"title":30,"logo":33,"categories":118},[],{"uuid":120,"title":121,"description":122,"canonical_path":4,"image":123,"width":124,"height":125,"image_alt":126,"kind":52,"categories":127,"app":132},"8bef7edc-6f99-446a-8229-5813f901d1e6","Success Toast Notification","A toast notification indicating a successful pull request publication. It features a green success icon, a title, a brief description, a link to view the draft, and a close button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F885502bc-6755-4ed5-926c-abdf2e4ef2f1.png",994,351,"Success Toast Notification from Mintlify",[128],{"id":129,"title":130,"slug":131},247,"Notification Toast","notification-element",{"slug":31,"title":30,"logo":33,"categories":133},[],{"uuid":135,"title":136,"description":137,"canonical_path":4,"image":138,"width":65,"height":139,"image_alt":140,"kind":52,"categories":141,"app":143},"0749b627-07a4-4224-b8f3-11381a03a5a3","Activity history table","A table displaying a history of updates made to documentation. It includes columns for Activity, Status, and Changes, with a single row showing a successful 'Creating docs' event.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3eb9c272-8f81-437b-a106-5cd140f7401d.png",639,"Activity history table from Mintlify",[142],{"id":70,"title":71,"slug":72},{"slug":31,"title":30,"logo":33,"categories":144},[],{"uuid":146,"title":147,"description":148,"canonical_path":4,"image":149,"width":150,"height":151,"image_alt":152,"kind":52,"categories":153,"app":158},"9444c890-0a73-4c35-81cc-efb8a1bde99a","Sidebar navigation","A vertical sidebar navigation menu with a project selector at the top, primary navigation links in the middle, and secondary links with theme controls at the bottom.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc53cb81c-35f7-4f08-b1b1-cb6969d5b777.png",478,1777,"Sidebar navigation from Mintlify",[154],{"id":155,"title":156,"slug":157},209,"Vertical navigation","vertical-navigation",{"slug":31,"title":30,"logo":33,"categories":159},[],{"uuid":161,"title":162,"description":163,"canonical_path":4,"image":164,"width":165,"height":166,"image_alt":167,"kind":52,"categories":168,"app":173},"6d0ce5aa-6bfe-4ab2-8f53-6ed9eb6c03be","Trial Banner","A horizontal banner alerting the user that their team is on a free trial, providing details about the trial's end date and what happens after, along with a call to action to explore upgrades.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F459232d4-7705-4cdc-9169-0ae044b8a811.png",2417,448,"Trial Banner from Mintlify",[169],{"id":170,"title":171,"slug":172},244,"Message","message",{"slug":31,"title":30,"logo":33,"categories":174},[],{"uuid":176,"title":177,"description":178,"canonical_path":4,"image":179,"width":180,"height":181,"image_alt":182,"kind":52,"categories":183,"app":188},"f39d6765-d745-466c-a021-3f20fae35e59","Onboarding Stepper","A vertical onboarding stepper showing three steps for setting up a documentation deployment. The first step is completed, the second is active with a 'Next' button, and the third is disabled.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F669309dd-77a8-4b19-a7fe-7c8d8c9bbb3f.png",1072,1283,"Onboarding Stepper from Mintlify",[184],{"id":185,"title":186,"slug":187},227,"Stepper","stepper",{"slug":31,"title":30,"logo":33,"categories":189},[],{"uuid":191,"title":192,"description":193,"canonical_path":4,"image":194,"width":195,"height":196,"image_alt":197,"kind":52,"categories":198,"app":203},"5c634337-5591-4990-b99d-d27c9ea304b2","Preview Request Form","A form card for requesting a documentation preview. It includes inputs for name, email, and documentation URL, an optional file upload button, and a primary submit button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9e0ac4a6-2695-4565-a4a6-917af538d82d.png",1192,768,"Preview Request Form from Mintlify",[199],{"id":200,"title":201,"slug":202},243,"Form element","form-element",{"slug":31,"title":30,"logo":33,"categories":204},[],{"uuid":206,"title":207,"description":208,"canonical_path":4,"image":209,"width":210,"height":211,"image_alt":212,"kind":52,"categories":213,"app":218},"5c26902e-bde5-4755-b7b0-2f9e2c5ed83d","Tabbed code block","A code block component with tabs for different code examples or configurations, featuring syntax highlighting and a copy-to-clipboard button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2336fac0-bdc7-4393-b8ff-614b5eb5a022.png",1528,496,"Tabbed code block from Mintlify",[214],{"id":215,"title":216,"slug":217},187,"Code block","code-block",{"slug":31,"title":30,"logo":33,"categories":219},[],[],[222,225,228,231,234,237,239,243,247,251],{"label":223,"to":224},"Mintlify product screens","\u002Fexamples\u002Fapps\u002Fmintlify\u002Fscreens",{"label":226,"to":227},"Mintlify marketing pages","\u002Fexamples\u002Fapps\u002Fmintlify\u002Fmarketing",{"label":229,"to":230},"Mintlify user flows","\u002Fexamples\u002Fapps\u002Fmintlify\u002Fflows",{"label":232,"to":233},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"label":235,"to":236},"Knowledge Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fknowledge-management",{"label":238,"to":18},"All SaaS app examples",{"label":240,"to":241,"description":242},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":244,"to":245,"description":246},"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":248,"to":249,"description":250},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":252,"to":253,"description":254},"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":256,"updated_at":257},"2024-12-02T06:54:18.000Z","2026-09-13T13:02:39.000Z"]