[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fcapsule\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":39,"showcases":180,"links":181,"dates":194},"\u002Fexamples\u002Fapps\u002Fcapsule\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Capsule UI components examples - Nicelydone","Browse Capsule UI component design examples. Preview individual interface elements and explore related component categories. CRM Made Simple","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd907f8f6-85ca-4ad9-9b30-69d3798d7cf1.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},"Capsule design examples","\u002Fexamples\u002Fapps\u002Fcapsule",{"label":23,"to":4},"Capsule 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},"Capsule","capsule","CRM Made Simple","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcapsule-crm-435e73bb.png","https:\u002F\u002Fcapsulecrm.com",[35],{"id":36,"title":37,"slug":38},53,"CRM","crm",[40,55,68,80,93,104,113,126,137,147,157,167],{"uuid":41,"title":42,"description":43,"canonical_path":4,"image":11,"width":44,"height":45,"image_alt":46,"kind":47,"categories":48,"app":53},"4a01f467-6a88-4fab-9a63-a4345892e87f","Capsule UI component","A trash bin interface showing deleted records with options to restore or permanently delete them.",1934,1375,"UI component from Capsule","component",[49],{"id":50,"title":51,"slug":52},249,"Timeline & history","timeline-history",{"slug":30,"title":29,"logo":32,"categories":54},[],{"uuid":56,"title":42,"description":57,"canonical_path":4,"image":58,"width":59,"height":60,"image_alt":46,"kind":47,"categories":61,"app":66},"5865f8d5-09b7-4651-a459-59799687454c","A color scheme selection interface.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F2c49f35f-b766-46c2-ad1d-3bbeebb20ee7.png",1942,688,[62],{"id":63,"title":64,"slug":65},256,"Theme settings","theme-settings",{"slug":30,"title":29,"logo":32,"categories":67},[],{"uuid":69,"title":42,"description":70,"canonical_path":4,"image":71,"width":59,"height":72,"image_alt":46,"kind":47,"categories":73,"app":78},"3ceb5907-597c-46f3-92ef-d70f7f453ba0","A usage dashboard with an upgrade prompt.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0687426c-45d1-42ba-bd74-76a7c553fb52.png",1140,[74],{"id":75,"title":76,"slug":77},255,"Upgrade your plan","upgrade-your-plan",{"slug":30,"title":29,"logo":32,"categories":79},[],{"uuid":81,"title":42,"description":82,"canonical_path":4,"image":83,"width":84,"height":85,"image_alt":46,"kind":47,"categories":86,"app":91},"b5c28524-1c00-4fc8-bdfc-fb8904e9c326","The screenshot shows a notification about the remaining trial days and a reminder to add a payment card.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6560dc04-c19a-4025-a10d-de847cc4408c.png",1836,405,[87],{"id":88,"title":89,"slug":90},167,"Alert","alert",{"slug":30,"title":29,"logo":32,"categories":92},[],{"uuid":94,"title":42,"description":95,"canonical_path":4,"image":96,"image_alt":46,"kind":47,"categories":97,"app":102},"e72b77c7-f3c5-4bd2-acf5-30642387bbd1","The screenshot shows a modal for setting up Google Calendar integration.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F886c9051-be3f-4cc6-a37f-1201a7b6dd50.png",[98],{"id":99,"title":100,"slug":101},227,"Stepper","stepper",{"slug":30,"title":29,"logo":32,"categories":103},[],{"uuid":105,"title":42,"description":106,"canonical_path":4,"image":107,"width":84,"height":108,"image_alt":46,"kind":47,"categories":109,"app":111},"3dfb737f-980f-4a4c-ab0c-229b34f20124","A security alert for enabling two-factor authentication.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7b879971-46f9-47b4-b437-c8c00df14470.png",609,[110],{"id":88,"title":89,"slug":90},{"slug":30,"title":29,"logo":32,"categories":112},[],{"uuid":114,"title":42,"description":115,"canonical_path":4,"image":116,"width":117,"height":118,"image_alt":46,"kind":47,"categories":119,"app":124},"ae8e7e3d-8631-4e23-af22-dd0b31541b91","A goal tracking card.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6d1935e4-9376-4a37-9c51-c0aa6f5a23af.png",994,534,[120],{"id":121,"title":122,"slug":123},186,"Charts","charts",{"slug":30,"title":29,"logo":32,"categories":125},[],{"uuid":127,"title":42,"description":128,"canonical_path":4,"image":129,"image_alt":46,"kind":47,"categories":130,"app":135},"eff3807c-d356-440d-b2b5-275dddccdffc","This is a modal with filter options for projects.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F81ca5d20-019b-4d76-97df-4bbbd571fd44.png",[131],{"id":132,"title":133,"slug":134},225,"Sorting & filtering","sorting-filtering",{"slug":30,"title":29,"logo":32,"categories":136},[],{"uuid":138,"title":42,"description":139,"canonical_path":4,"image":140,"width":141,"height":142,"image_alt":46,"kind":47,"categories":143,"app":145},"4bf53d00-57f3-47e7-b83d-0619b9311eb1","A pipeline forecast chart showing pipeline and total values.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1b12fe81-7191-4882-b7bf-622cb9688411.png",1696,1677,[144],{"id":132,"title":133,"slug":134},{"slug":30,"title":29,"logo":32,"categories":146},[],{"uuid":148,"title":42,"description":149,"canonical_path":4,"image":150,"width":151,"height":152,"image_alt":46,"kind":47,"categories":153,"app":155},"199007cb-d942-46d2-8dec-72c692987ea8","The image shows a horizontal bar chart visualizing a pipeline by milestone.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5dd5daa9-a0d8-4591-9684-0018d4558307.png",1738,1709,[154],{"id":132,"title":133,"slug":134},{"slug":30,"title":29,"logo":32,"categories":156},[],{"uuid":158,"title":42,"description":159,"canonical_path":4,"image":160,"width":161,"height":162,"image_alt":46,"kind":47,"categories":163,"app":165},"dd6c392e-d3fb-4624-b0cf-126778ea43b0","The image shows a filter bar with a dropdown menu, a status filter, a more filters option, and a reset filters button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fff372662-6532-4372-8cb5-d95536687b7d.png",1572,322,[164],{"id":132,"title":133,"slug":134},{"slug":30,"title":29,"logo":32,"categories":166},[],{"uuid":168,"title":42,"description":169,"canonical_path":4,"image":170,"width":171,"height":172,"image_alt":46,"kind":47,"categories":173,"app":178},"1c4fc76a-ec56-4b3b-b60d-ac9254a924b1","The screenshot shows a milestone progress indicator with details about the pipeline, milestone status, expected value, close date, and last contact date.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F24a58da8-d40f-4827-abd6-056db0c5ce7d.png",1760,527,[174],{"id":175,"title":176,"slug":177},213,"Progress indicator","progress-indicator",{"slug":30,"title":29,"logo":32,"categories":179},[],[],[182,185,188,191],{"label":183,"to":184},"Capsule product screens","\u002Fexamples\u002Fapps\u002Fcapsule\u002Fscreens",{"label":186,"to":187},"Capsule marketing pages","\u002Fexamples\u002Fapps\u002Fcapsule\u002Fmarketing",{"label":189,"to":190},"Capsule user flows","\u002Fexamples\u002Fapps\u002Fcapsule\u002Fflows",{"label":192,"to":193},"CRM app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcrm",{"published_at":195,"updated_at":196},"2020-11-28T19:27:01.000Z","2026-09-13T13:02:39.000Z"]