[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fgladia\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":44,"showcases":205,"links":206,"dates":240},"\u002Fexamples\u002Fapps\u002Fgladia\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Gladia UI components examples - Nicelydone","Browse Gladia UI component design examples. Preview individual interface elements and explore related component categories. From audio to knowledge","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F700e4bbd-1911-4c41-8445-edc0eb298cc1.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},"Gladia design examples","\u002Fexamples\u002Fapps\u002Fgladia",{"label":23,"to":4},"Gladia 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,"twitter_username":34,"categories":35},"Gladia","gladia","From audio to knowledge","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fgladia-3jgb8em9.png","https:\u002F\u002Fwww.gladia.io\u002F","https:\u002F\u002Ftwitter.com\u002Fgladia_io",[36,40],{"id":37,"title":38,"slug":39},80,"Artificial Intelligence","artificial-intelligence",{"id":41,"title":42,"slug":43},37,"Developer APIs","developer-apis",[45,60,75,90,103,116,129,142,155,168,180,193],{"uuid":46,"title":47,"description":48,"canonical_path":4,"image":11,"width":49,"height":50,"image_alt":51,"kind":52,"categories":53,"app":58},"d9b1a5db-74b4-41d3-b05d-980f46e910e5","Hero Section","A dark-themed hero section featuring a large headline, a descriptive subheadline, a primary call-to-action button, a secondary link, and a top navigation bar. The background includes a colorful, abstract 3D graphic.",3024,1751,"Hero Section from Gladia","component",[54],{"id":55,"title":56,"slug":57},197,"Hero section","hero-section",{"slug":30,"title":29,"logo":32,"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},"b1603238-f7c1-4b57-b545-ec3732e9ee5e","Customer logo wall","A horizontal row of customer logos displayed on a dark background.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9d843492-1a9a-4b26-9288-d163f9335fbb.png",3072,590,"Customer logo wall from Gladia",[69],{"id":70,"title":71,"slug":72},224,"Social proof","social-proof",{"slug":30,"title":29,"logo":32,"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},"746c20b8-0886-461e-841e-3a75a27e284a","Gladia UI component","A toggle switch with a description.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd327937f-068e-41f8-957e-c5394e7cb6a7.png",1024,342,"UI component from Gladia",[84],{"id":85,"title":86,"slug":87},236,"Toggle\u002FSwitch","toggle-switch",{"slug":30,"title":29,"logo":32,"categories":89},[],{"uuid":91,"title":77,"description":92,"canonical_path":4,"image":93,"width":94,"height":95,"image_alt":82,"kind":52,"categories":96,"app":101},"e9efbfc2-f98b-41ee-9367-ef88918413a7","A simple audio player","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F78261f98-d7d7-4070-a002-63d6bf3de2ee.png",2247,352,[97],{"id":98,"title":99,"slug":100},170,"Audio player","audio-player",{"slug":30,"title":29,"logo":32,"categories":102},[],{"uuid":104,"title":77,"description":105,"canonical_path":4,"image":106,"width":107,"height":108,"image_alt":82,"kind":52,"categories":109,"app":114},"2602c9e6-b483-49ad-a275-fcc67ee288ec","A modal to paste a video link","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff895e918-d165-4ad5-8f47-38016794ea5a.png",869,448,[110],{"id":111,"title":112,"slug":113},201,"Input text","input-text",{"slug":30,"title":29,"logo":32,"categories":115},[],{"uuid":117,"title":77,"description":118,"canonical_path":4,"image":119,"width":120,"height":121,"image_alt":82,"kind":52,"categories":122,"app":127},"069070d6-9987-4ba4-8036-17e16e3b53a1","A table displaying API keys with descriptions and creation dates.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F82650c5b-61a6-4754-a0d1-c0954b182604.png",2703,748,[123],{"id":124,"title":125,"slug":126},248,"Table","table-2",{"slug":30,"title":29,"logo":32,"categories":128},[],{"uuid":130,"title":77,"description":131,"canonical_path":4,"image":132,"width":133,"height":134,"image_alt":82,"kind":52,"categories":135,"app":140},"f07f91ea-9bba-4db2-adab-7450bd341a88","A dropdown menu with account and logout options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3173caf1-8baf-41d9-a514-0641eee30c09.png",559,334,[136],{"id":137,"title":138,"slug":139},190,"Dropdown menu","dropdown-menu",{"slug":30,"title":29,"logo":32,"categories":141},[],{"uuid":143,"title":77,"description":144,"canonical_path":4,"image":145,"width":146,"height":147,"image_alt":82,"kind":52,"categories":148,"app":153},"845aefb3-3c34-4357-8e9b-0e10f74a8a0b","A simple progress bar with a time indicator.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb68e0575-5409-4e27-a637-33faebffac72.png",764,323,[149],{"id":150,"title":151,"slug":152},213,"Progress indicator","progress-indicator",{"slug":30,"title":29,"logo":32,"categories":154},[],{"uuid":156,"title":77,"description":157,"canonical_path":4,"image":158,"width":159,"height":160,"image_alt":82,"kind":52,"categories":161,"app":166},"7e2ff055-f5d6-4ba5-b669-ad3ee1f6390a","Code snippet modal","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1118817b-cc13-4644-ab3b-fa6952ca91a4.png",2544,664,[162],{"id":163,"title":164,"slug":165},187,"Code block","code-block",{"slug":30,"title":29,"logo":32,"categories":167},[],{"uuid":169,"title":77,"description":170,"canonical_path":4,"image":171,"width":172,"height":108,"image_alt":82,"kind":52,"categories":173,"app":178},"ddfdfceb-c60b-4f64-91fd-341156d723f1","File upload modal","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F582dc695-4c47-4dcc-8fb8-ff2118ff3fb2.png",870,[174],{"id":175,"title":176,"slug":177},188,"File upload input","file-upload-input",{"slug":30,"title":29,"logo":32,"categories":179},[],{"uuid":181,"title":77,"description":182,"canonical_path":4,"image":183,"width":184,"height":185,"image_alt":82,"kind":52,"categories":186,"app":191},"5e4f9ab5-c11d-4e04-a805-87339809a5e7","A side navigation menu with a feedback section.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fbe9695bb-3d61-425c-a0a2-723c618f7a25.png",566,1944,[187],{"id":188,"title":189,"slug":190},209,"Vertical navigation","vertical-navigation",{"slug":30,"title":29,"logo":32,"categories":192},[],{"uuid":194,"title":77,"description":195,"canonical_path":4,"image":196,"width":107,"height":197,"image_alt":82,"kind":52,"categories":198,"app":203},"09f82381-63e6-42c2-9b2d-6363edff0a9a","A card with a call to action to test the API","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fdb21a023-76f9-47f9-a8aa-3b0f798a56f5.png",464,[199],{"id":200,"title":201,"slug":202},174,"Card","card",{"slug":30,"title":29,"logo":32,"categories":204},[],[],[207,210,213,216,219,222,224,228,232,236],{"label":208,"to":209},"Gladia product screens","\u002Fexamples\u002Fapps\u002Fgladia\u002Fscreens",{"label":211,"to":212},"Gladia marketing pages","\u002Fexamples\u002Fapps\u002Fgladia\u002Fmarketing",{"label":214,"to":215},"Gladia user flows","\u002Fexamples\u002Fapps\u002Fgladia\u002Fflows",{"label":217,"to":218},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":220,"to":221},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"label":223,"to":18},"All SaaS app examples",{"label":225,"to":226,"description":227},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":229,"to":230,"description":231},"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":233,"to":234,"description":235},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":237,"to":238,"description":239},"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":241,"updated_at":242},"2023-10-23T09:28:09.000Z","2026-09-26T00:10:38.000Z"]