[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Felevenlabs\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":43,"showcases":188,"links":189,"dates":205},"\u002Fexamples\u002Fapps\u002Felevenlabs\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Elevenlabs UI components examples - Nicelydone","Browse Elevenlabs UI component design examples. Preview individual interface elements and explore related component categories. Bringing technology to life","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fbe892dc9-9e2a-473e-a264-699ab2d517be.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},"Elevenlabs design examples","\u002Fexamples\u002Fapps\u002Felevenlabs",{"label":23,"to":4},"Elevenlabs 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},"Elevenlabs","elevenlabs","Bringing technology to life","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F040a4c11-6cc6-49d0-85e4-c7f5a0265a3a.png","https:\u002F\u002Felevenlabs.io",[35,39],{"id":36,"title":37,"slug":38},80,"Artificial Intelligence","artificial-intelligence",{"id":40,"title":41,"slug":42},37,"Developer APIs","developer-apis",[44,59,72,85,98,111,123,132,140,152,162,175],{"uuid":45,"title":46,"description":47,"canonical_path":4,"image":11,"width":48,"height":49,"image_alt":50,"kind":51,"categories":52,"app":57},"7b07ffad-ce86-4458-b24f-990a2a813150","Elevenlabs UI component","A user interface displaying a list of system tools with toggle switches for activation and settings icons for configuration.",896,926,"UI component from Elevenlabs","component",[53],{"id":54,"title":55,"slug":56},236,"Toggle\u002FSwitch","toggle-switch",{"slug":30,"title":29,"logo":32,"categories":58},[],{"uuid":60,"title":46,"description":61,"canonical_path":4,"image":62,"width":63,"height":64,"image_alt":50,"kind":51,"categories":65,"app":70},"07604dc8-8fdd-410f-863d-f3cee2c3ad4d","A dashboard card displaying total requests with a line chart and a filterable table of response codes.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F00cd37e6-75f0-4c10-9d3d-7e00e40433c0.png",2560,1515,[66],{"id":67,"title":68,"slug":69},186,"Charts","charts",{"slug":30,"title":29,"logo":32,"categories":71},[],{"uuid":73,"title":46,"description":74,"canonical_path":4,"image":75,"width":76,"height":77,"image_alt":50,"kind":51,"categories":78,"app":83},"2737cce7-a477-4204-8a22-96359c000ed8","A user interface displaying a 'Pinned' section with a 'More tools' button, alongside a search bar and another 'More tools' button in a different visual state.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9498c7fd-dc5a-4945-90f7-2b361520700e.png",732,189,[79],{"id":80,"title":81,"slug":82},254,"Tooltip","tooltip-element",{"slug":30,"title":29,"logo":32,"categories":84},[],{"uuid":86,"title":46,"description":87,"canonical_path":4,"image":88,"width":89,"height":90,"image_alt":50,"kind":51,"categories":91,"app":96},"2efebb2c-1016-40ed-adda-229b880b7b3c","A list of sound effects with playback options, duration, download counts, and a prompt to upgrade for downloading sound effects.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc2ae9c95-a078-4ae5-8111-a716021f34b8.png",2422,540,[92],{"id":93,"title":94,"slug":95},255,"Upgrade your plan","upgrade-your-plan",{"slug":30,"title":29,"logo":32,"categories":97},[],{"uuid":99,"title":46,"description":100,"canonical_path":4,"image":101,"width":102,"height":103,"image_alt":50,"kind":51,"categories":104,"app":109},"b3b7e72c-e3fa-4586-b71b-8208adfcd8e3","A modal window presenting subscription upgrade options with feature details and pricing plans.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7ffc416a-708f-4738-a6c5-5f009f550068.png",2160,1444,[105],{"id":106,"title":107,"slug":108},303,"Pricing section","pricing-section",{"slug":30,"title":29,"logo":32,"categories":110},[],{"uuid":112,"title":46,"description":113,"canonical_path":4,"image":114,"width":63,"height":115,"image_alt":50,"kind":51,"categories":116,"app":121},"74b77582-f2b6-470a-8471-e7a55c84d1bb","A modal window informing the user that they need to upgrade their subscription to access a specific feature, 'Voiceover Studio', with a call to action button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0637b430-df6d-455f-aa73-9ed36cbdcb1d.png",756,[117],{"id":118,"title":119,"slug":120},302,"Empty state","emptystate",{"slug":30,"title":29,"logo":32,"categories":122},[],{"uuid":124,"title":46,"description":125,"canonical_path":4,"image":126,"width":63,"height":127,"image_alt":50,"kind":51,"categories":128,"app":130},"50979102-75e1-4ba6-981b-10a9ed5980de","A data visualization chart with date range selection and navigation controls.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fbc491543-757c-443a-90e1-87072e4517df.png",622,[129],{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":131},[],{"uuid":133,"title":46,"description":134,"canonical_path":4,"image":135,"width":63,"height":76,"image_alt":50,"kind":51,"categories":136,"app":138},"75b8bddf-51c3-4975-8f21-0e2075519094","A card explaining API keys and providing a button to create a new key.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb5a7a81a-2d57-469e-abf8-3293606282f9.png",[137],{"id":118,"title":119,"slug":120},{"slug":30,"title":29,"logo":32,"categories":139},[],{"uuid":141,"title":46,"description":142,"canonical_path":4,"image":143,"width":63,"height":144,"image_alt":50,"kind":51,"categories":145,"app":150},"aca2b8f8-d441-4d7b-a967-a85c09affac6","A developer quickstart guide with a code example for an API integration.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Faa9b11e2-3643-4e2c-babf-8005ad196563.png",1017,[146],{"id":147,"title":148,"slug":149},187,"Code block","code-block",{"slug":30,"title":29,"logo":32,"categories":151},[],{"uuid":153,"title":46,"description":154,"canonical_path":4,"image":155,"width":156,"height":157,"image_alt":50,"kind":51,"categories":158,"app":160},"5e37c3e1-9423-40c5-9312-3c4003092fde","A dashboard displaying credit and character usage statistics with a line chart visualization over time.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F90b5c068-1863-41c1-960f-c4503536373d.png",2100,992,[159],{"id":67,"title":68,"slug":69},{"slug":30,"title":29,"logo":32,"categories":161},[],{"uuid":163,"title":46,"description":164,"canonical_path":4,"image":165,"width":166,"height":167,"image_alt":50,"kind":51,"categories":168,"app":173},"ca4cc059-904f-4d52-9214-df9f9342ea2a","A horizontal row of interactive controls for data filtering and view customization, including options for date range, granularity, grouping, and general filtering.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcbe9a4b6-117f-4114-a48b-2b3566fa6c0c.png",1830,305,[169],{"id":170,"title":171,"slug":172},225,"Sorting & filtering","sorting-filtering",{"slug":30,"title":29,"logo":32,"categories":174},[],{"uuid":176,"title":46,"description":177,"canonical_path":4,"image":178,"width":179,"height":180,"image_alt":50,"kind":51,"categories":181,"app":186},"745ca209-7ed4-4161-ad72-3f145737da68","A workspace settings page with a horizontal tab navigation for different categories like General, Members, Groups, Notifications, and Resources.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F41417c5c-a85d-4a5c-ae96-92c284b915dd.png",2559,414,[182],{"id":183,"title":184,"slug":185},233,"Tabs","tabs",{"slug":30,"title":29,"logo":32,"categories":187},[],[],[190,193,196,199,202],{"label":191,"to":192},"Elevenlabs product screens","\u002Fexamples\u002Fapps\u002Felevenlabs\u002Fscreens",{"label":194,"to":195},"Elevenlabs marketing pages","\u002Fexamples\u002Fapps\u002Felevenlabs\u002Fmarketing",{"label":197,"to":198},"Elevenlabs user flows","\u002Fexamples\u002Fapps\u002Felevenlabs\u002Fflows",{"label":200,"to":201},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"label":203,"to":204},"Developer APIs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdeveloper-apis",{"published_at":206,"updated_at":207},"2026-05-11T09:01:15.000Z","2026-09-13T13:02:39.000Z"]