[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fstellate\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":52,"showcases":211,"links":212,"dates":231},"\u002Fexamples\u002Fapps\u002Fstellate\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Stellate UI components examples - Nicelydone","Browse Stellate UI component design examples. Preview individual interface elements and explore related component categories. Edge Caching & Metrics for…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff7c9fa49-1966-4872-86ff-ea6e2c31da70.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},"Stellate design examples","\u002Fexamples\u002Fapps\u002Fstellate",{"label":23,"to":4},"Stellate UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Stellate UI component design examples. Preview individual interface elements and explore related component categories. Edge Caching & Metrics for your GraphQL API",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":31,"categories":35},"Stellate","stellate","Edge Caching & Metrics for your GraphQL API","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fstellate-260030a8.png","https:\u002F\u002Fstellate.co\u002F",[36,40,44,48],{"id":37,"title":38,"slug":39},37,"Developer APIs","developer-apis",{"id":41,"title":42,"slug":43},16,"Monitoring","monitoring",{"id":45,"title":46,"slug":47},48,"Developer Tools","developer-tools",{"id":49,"title":50,"slug":51},78,"Security","security",[53,68,83,98,111,124,137,147,160,172,185,198],{"uuid":54,"title":55,"description":56,"canonical_path":4,"image":11,"width":57,"height":58,"image_alt":59,"kind":60,"categories":61,"app":66},"d27ac042-8613-4df6-b379-58003afbf4d8","Mega Menu","A large dropdown menu displaying categorized links for Industries and Technologies, alongside a promotional card highlighting a metric and a customer logo.",1888,829,"Mega Menu from Stellate","component",[62],{"id":63,"title":64,"slug":65},290,"Flyout menu","flyout-menu",{"slug":31,"title":30,"logo":33,"categories":67},[],{"uuid":69,"title":70,"description":71,"canonical_path":4,"image":72,"width":73,"height":74,"image_alt":75,"kind":60,"categories":76,"app":81},"f9d9c183-adef-4d7e-97b0-37df89ec24ac","Hero Section with Testimonial","A landing page hero section featuring a large headline, primary and secondary call-to-action buttons, and a prominent customer testimonial card. The background is a vibrant, warm gradient.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3d68988d-6689-472c-9d27-556fb10ffb60.png",3024,1722,"Hero Section with Testimonial from Stellate",[77],{"id":78,"title":79,"slug":80},197,"Hero section","hero-section",{"slug":31,"title":30,"logo":33,"categories":82},[],{"uuid":84,"title":85,"description":86,"canonical_path":4,"image":87,"width":88,"height":89,"image_alt":90,"kind":60,"categories":91,"app":96},"e6c069d2-afbc-417d-b115-c042305cc607","Stellate UI component","An email input field with a validation error message","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F177efdac-b96e-457f-b55c-f04b7736cc4a.png",728,243,"UI component from Stellate",[92],{"id":93,"title":94,"slug":95},167,"Alert","alert",{"slug":31,"title":30,"logo":33,"categories":97},[],{"uuid":99,"title":85,"description":100,"canonical_path":4,"image":101,"width":102,"height":103,"image_alt":90,"kind":60,"categories":104,"app":109},"3c609411-b57a-43a1-91fe-f1c9514bae0c","A progress bar showing the number of requests","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd1d2b03e-dc5a-49d8-958c-971a1bbdbcd2.png",2143,357,[105],{"id":106,"title":107,"slug":108},213,"Progress indicator","progress-indicator",{"slug":31,"title":30,"logo":33,"categories":110},[],{"uuid":112,"title":85,"description":113,"canonical_path":4,"image":114,"width":115,"height":116,"image_alt":90,"kind":60,"categories":117,"app":122},"96307257-1955-4186-b04b-38f104c2bf0d","A modal with a code editor and error message.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6bdb7f9e-9c01-48b5-a549-baeccc4433b8.png",3277,1483,[118],{"id":119,"title":120,"slug":121},284,"Modal","modal",{"slug":31,"title":30,"logo":33,"categories":123},[],{"uuid":125,"title":85,"description":126,"canonical_path":4,"image":127,"width":128,"height":129,"image_alt":90,"kind":60,"categories":130,"app":135},"2445a33e-c0a8-4650-8388-4c8fc6d99058","A dropdown menu for selecting a time range.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb67744f4-e898-47eb-ab8e-98b5e5291583.png",510,721,[131],{"id":132,"title":133,"slug":134},190,"Dropdown menu","dropdown-menu",{"slug":31,"title":30,"logo":33,"categories":136},[],{"uuid":138,"title":85,"description":139,"canonical_path":4,"image":140,"width":141,"height":142,"image_alt":90,"kind":60,"categories":143,"app":145},"136e588c-0a4a-4905-8e8f-53d53ab93b41","A modal for editing a readme file with markdown and preview tabs.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F59792121-69dd-4a44-bdf4-1a09748ac9a3.png",1910,1623,[144],{"id":119,"title":120,"slug":121},{"slug":31,"title":30,"logo":33,"categories":146},[],{"uuid":148,"title":85,"description":149,"canonical_path":4,"image":150,"width":151,"height":152,"image_alt":90,"kind":60,"categories":153,"app":158},"d98899be-8d17-4621-b960-a98b6a20e447","A success alert modal","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa89b89ed-b74a-4a93-81a0-288611ce2741.png",1121,225,[154],{"id":155,"title":156,"slug":157},214,"Popover","popover",{"slug":31,"title":30,"logo":33,"categories":159},[],{"uuid":161,"title":85,"description":162,"canonical_path":4,"image":163,"width":164,"height":152,"image_alt":90,"kind":60,"categories":165,"app":170},"8f01e985-0dbf-41c8-b1d2-f7325bd60873","A tabbed navigation component.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb175e1ef-396e-47ee-ae6c-c62c7e417b09.png",760,[166],{"id":167,"title":168,"slug":169},233,"Tabs","tabs",{"slug":31,"title":30,"logo":33,"categories":171},[],{"uuid":173,"title":85,"description":174,"canonical_path":4,"image":175,"width":176,"height":177,"image_alt":90,"kind":60,"categories":178,"app":183},"811db9e4-a891-46bc-999f-5623f3b981a7","A modal for deleting a service.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F99189968-7f7f-4637-83b6-d48022a164ae.png",1974,739,[179],{"id":180,"title":181,"slug":182},174,"Card","card",{"slug":31,"title":30,"logo":33,"categories":184},[],{"uuid":186,"title":85,"description":187,"canonical_path":4,"image":188,"width":189,"height":190,"image_alt":90,"kind":60,"categories":191,"app":196},"db659ddb-5eb4-4067-a02c-b6151e5b45ed","A code diff view of a configuration file.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fed34d262-333f-4bf5-b6ab-6dc6f699eb95.png",2528,700,[192],{"id":193,"title":194,"slug":195},168,"Accordion","accordion",{"slug":31,"title":30,"logo":33,"categories":197},[],{"uuid":199,"title":85,"description":200,"canonical_path":4,"image":201,"width":202,"height":203,"image_alt":90,"kind":60,"categories":204,"app":209},"6ff66f44-b489-4adb-988f-1675feb2a53d","A video presentation about GraphQL edge caching.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcd2e4484-66d5-45c2-9ce5-da79ab32a882.png",2197,1516,[205],{"id":206,"title":207,"slug":208},238,"Video player","video-player",{"slug":31,"title":30,"logo":33,"categories":210},[],[],[213,216,219,222,225,228],{"label":214,"to":215},"Stellate product screens","\u002Fexamples\u002Fapps\u002Fstellate\u002Fscreens",{"label":217,"to":218},"Stellate marketing pages","\u002Fexamples\u002Fapps\u002Fstellate\u002Fmarketing",{"label":220,"to":221},"Stellate user flows","\u002Fexamples\u002Fapps\u002Fstellate\u002Fflows",{"label":223,"to":224},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":226,"to":227},"Monitoring app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fmonitoring",{"label":229,"to":230},"Developer Tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-tools",{"published_at":232,"updated_at":233},"2023-11-15T18:28:59.000Z","2026-09-26T12:10:12.000Z"]