[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fcomponents\u002Fslideshow":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"totals":8,"category":11,"seo":15,"breadcrumbs":19,"content":28,"examples":37,"showcases":345,"links":346,"dates":395},"\u002Fexamples\u002Fcomponents\u002Fslideshow","collection","components",true,{"example_count":9,"app_count":10},19,17,{"id":12,"title":13,"description":14},281,"Slideshow","See how interfaces present a sequence of visual items within one area. Explore how slide content, navigation controls, and position indicators work together.",{"title":16,"description":17,"og_image":18},"Slideshow UI examples - Nicelydone","Slideshow UI design examples from SaaS apps. See how interfaces present a sequence of visual items within one area. Explore how slide content, navigation…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F0515f270-5997-4401-b086-a26c82fe26eb.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"SaaS UI component examples","\u002Fexamples\u002Fcomponents",{"label":27,"to":4},"Slideshow UI examples",{"title":27,"eyebrow":29,"description":30,"sections":31,"body":35},"UI component category","Slideshow UI design examples from SaaS apps. See how interfaces present a sequence of visual items within one area. Explore how slide content, navigation controls, and position indicators work together.",[32],{"title":33,"description":14,"links":34},"About Slideshow",[],[36],"19 UI components",[38,64,93,115,138,167,187,214,242,264,290,323],{"uuid":39,"title":40,"description":41,"canonical_path":42,"image":18,"width":43,"height":44,"image_alt":45,"kind":46,"categories":47,"app":50},"3ea9b5a9-7dd7-419e-adf9-fd9063dbe510","Dock UI component","A product feature showcase page for an AI-native content management system, highlighting content library, AI tagging, and slide management capabilities through three distinct cards.","\u002Fexamples\u002Fapps\u002Fdock\u002Fcomponents",3216,1898,"UI component from Dock","component",[48],{"id":12,"title":13,"slug":49},"slideshow",{"slug":51,"title":52,"logo":53,"baseline":54,"categories":55},"dock","Dock","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdock-k4tgvy1y.png","The new way to manage external relationships",[56,60],{"id":57,"title":58,"slug":59},23,"Collaboration","collaboration",{"id":61,"title":62,"slug":63},29,"Task Management","task-management",{"uuid":65,"title":66,"description":67,"canonical_path":68,"image":69,"width":70,"height":71,"image_alt":72,"kind":46,"categories":73,"app":75},"540c5445-40f9-4858-8fde-7de1ec8d743e","Lovable UI component","A user interface displaying a code editor with a file navigation panel and a code content panel, highlighting a 'Code Mode' feature.","\u002Fexamples\u002Fapps\u002Flovable\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F855eae72-7cdd-4772-bb9f-ab297310eb48.png",1314,1090,"UI component from Lovable",[74],{"id":12,"title":13,"slug":49},{"slug":76,"title":77,"logo":78,"baseline":79,"categories":80},"lovable","Lovable","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F371498a3-d8de-4908-8af8-e73a603ffa34.png","Create apps and websites by chatting with AI",[81,85,89],{"id":82,"title":83,"slug":84},80,"Artificial Intelligence","artificial-intelligence",{"id":86,"title":87,"slug":88},7,"Web Development","web-development",{"id":90,"title":91,"slug":92},96,"No code","no-code",{"uuid":94,"title":95,"description":96,"canonical_path":97,"image":98,"width":99,"height":100,"image_alt":101,"kind":46,"categories":102,"app":104},"c86d6c6a-9658-4297-bc35-9bf57a2d725a","Elevenlabs UI component","A section showcasing three AI agent solutions for businesses, detailing their applications in sales and customer engagement.","\u002Fexamples\u002Fapps\u002Felevenlabs\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff561c57a-23f1-474d-b1e8-b17c37a332ab.png",2879,1942,"UI component from Elevenlabs",[103],{"id":12,"title":13,"slug":49},{"slug":105,"title":106,"logo":107,"baseline":108,"categories":109},"elevenlabs","Elevenlabs","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F040a4c11-6cc6-49d0-85e4-c7f5a0265a3a.png","Bringing technology to life",[110,111],{"id":82,"title":83,"slug":84},{"id":112,"title":113,"slug":114},37,"Developer APIs","developer-apis",{"uuid":116,"title":117,"description":118,"canonical_path":119,"image":120,"width":121,"height":122,"image_alt":123,"kind":46,"categories":124,"app":126},"6e694787-308e-4bf5-9f69-555d0d88cbee","Liveblocks UI component","A marketing page showcasing various product features like an inbox, AI copilots, co-editing, and multiplayer functionality, presented as examples of world-class products.","\u002Fexamples\u002Fapps\u002Fliveblocks\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F56c8b779-59e5-4aaa-aec8-6019ae3745bc.png",3024,1804,"UI component from Liveblocks",[125],{"id":12,"title":13,"slug":49},{"slug":127,"title":128,"logo":129,"baseline":130,"categories":131},"liveblocks","Liveblocks","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F081e178d-2cab-4e0b-93f8-061e021783fa.png","Build amazing real‑time collaborative products",[132,136,137],{"id":133,"title":134,"slug":135},48,"Developer Tools","developer-tools",{"id":57,"title":58,"slug":59},{"id":112,"title":113,"slug":114},{"uuid":139,"title":140,"description":141,"canonical_path":142,"image":143,"width":144,"height":145,"image_alt":146,"kind":46,"categories":147,"app":149},"a1c07af2-ad7f-40bc-b6d7-ab80bc9cae87","Maze UI component","A web page section showcasing product features related to user research, including a survey, video interview, and customer testimonial, against an abstract blue background.","\u002Fexamples\u002Fapps\u002Fmaze\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6f05194a-2fc9-4720-9844-344872f9c384.png",2976,2119,"UI component from Maze",[148],{"id":12,"title":13,"slug":49},{"slug":150,"title":151,"logo":152,"baseline":153,"categories":154},"maze","Maze","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F29732693-68cb-43d3-8a42-056936993f0f.png","Rapid testing for modern teams",[155,159,163],{"id":156,"title":157,"slug":158},8,"Design","design",{"id":160,"title":161,"slug":162},69,"Surveys","surveys",{"id":164,"title":165,"slug":166},104,"User Research","user-research",{"uuid":168,"title":169,"description":170,"canonical_path":171,"image":172,"width":173,"height":174,"image_alt":175,"kind":46,"categories":176,"app":178},"4396d72b-1167-4e56-8fbe-031d16f67625","Mocha UI component","A modal dialog for publishing an application, presenting fields for URL, status, and visibility.","\u002Fexamples\u002Fapps\u002Fmocha\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8c2a1e68-0759-409b-a883-8246bb297ec2.png",1236,1105,"UI component from Mocha",[177],{"id":12,"title":13,"slug":49},{"slug":179,"title":180,"logo":181,"baseline":182,"categories":183},"mocha","Mocha","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fd9d4dea4-3f03-4b97-b9a1-d776442fd100.png","Create beautiful websites with words, not code",[184,185,186],{"id":86,"title":87,"slug":88},{"id":82,"title":83,"slug":84},{"id":90,"title":91,"slug":92},{"uuid":188,"title":189,"description":190,"canonical_path":191,"image":192,"width":193,"height":194,"image_alt":195,"kind":46,"categories":196,"app":198},"b9ef1bc9-226e-4a67-ba9f-5ec9d1d7e68b","Dovetail UI component","A dark mode interface displaying a line chart with a highlighted data point and a callout box showing return on investment details, alongside marketing text and a navigation slider.","\u002Fexamples\u002Fapps\u002Fdovetail\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcfac4301-0505-415c-897d-37caea524835.png",3117,1820,"UI component from Dovetail",[197],{"id":12,"title":13,"slug":49},{"slug":199,"title":200,"logo":201,"baseline":202,"categories":203},"dovetail","Dovetail","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F6b47c81d-b89f-43c4-9087-0c1e1df518d7.png","Helps you with the key steps of UX research",[204,205,209,213],{"id":156,"title":157,"slug":158},{"id":206,"title":207,"slug":208},22,"Knowledge Management","knowledge-management",{"id":210,"title":211,"slug":212},35,"Feedback","feedback",{"id":164,"title":165,"slug":166},{"uuid":215,"title":216,"description":217,"canonical_path":218,"image":219,"width":121,"height":220,"image_alt":221,"kind":46,"categories":222,"app":224},"16a72677-027e-4b74-bde9-46686c89cbc0","Whop UI component","A section of a webpage displaying customer testimonials from various businesses, emphasizing the benefits of a service.","\u002Fexamples\u002Fapps\u002Fwhop\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1e26426f-3122-460e-83f4-96bdce60e0a1.png",1619,"UI component from Whop",[223],{"id":12,"title":13,"slug":49},{"slug":225,"title":226,"logo":227,"baseline":228,"categories":229},"whop","Whop","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F07610bdc-865b-4784-b147-569a8e62691e.png","Where the internet does business",[230,234,238],{"id":231,"title":232,"slug":233},1,"Communities","communities",{"id":235,"title":236,"slug":237},18,"Marketplace","marketplace",{"id":239,"title":240,"slug":241},39,"Payments","payments",{"uuid":243,"title":244,"description":245,"canonical_path":246,"image":247,"width":144,"height":248,"image_alt":249,"kind":46,"categories":250,"app":252},"13741594-5457-4cd6-ba53-6cef38a0dd64","Mistral UI component","A webpage section showcasing a partnership between Stellantis and Mistral AI, featuring a large image with a grid overlay and navigation controls.","\u002Fexamples\u002Fapps\u002Fmistral\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F822aa67b-47a4-481e-9dc1-1bb8d3bef5e0.png",1844,"UI component from Mistral",[251],{"id":12,"title":13,"slug":49},{"slug":253,"title":254,"logo":255,"baseline":256,"categories":257},"mistral","Mistral","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Febdf5e59-0539-44b6-9e33-2986c1458350.png","Frontier AI. In your hands",[258,259,263],{"id":133,"title":134,"slug":135},{"id":260,"title":261,"slug":262},77,"Machine learning","machine-learning",{"id":82,"title":83,"slug":84},{"uuid":265,"title":266,"description":267,"canonical_path":268,"image":269,"width":270,"height":271,"image_alt":272,"kind":46,"categories":273,"app":275},"876fe924-4a21-4768-94db-73a72b27ed24","Quin UI component","The screenshot shows a meeting recap modal.","\u002Fexamples\u002Fapps\u002Fquin\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fec5422ec-9e5b-45d2-8d73-d1844ac01af2.png",1720,1988,"UI component from Quin",[274],{"id":12,"title":13,"slug":49},{"slug":276,"title":277,"logo":278,"baseline":279,"categories":280},"quin","Quin","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fb4f27845-aeea-4c59-b6e7-8a255620ae41.png","Meet your dream assistant",[281,282,286],{"id":82,"title":83,"slug":84},{"id":283,"title":284,"slug":285},30,"Productivity","productivity",{"id":287,"title":288,"slug":289},105,"Workflow Automation","workflow-automation",{"uuid":291,"title":292,"description":293,"canonical_path":294,"image":295,"width":296,"height":297,"image_alt":298,"kind":46,"categories":299,"app":301},"92c32ef9-f3f8-4d2e-ada3-23ef1b642178","Travelperk UI component","Landing page for booking work trips.","\u002Fexamples\u002Fapps\u002Ftravelperk\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F01e93441-8859-4081-8f82-85ebc7182d97.png",2657,1853,"UI component from Travelperk",[300],{"id":12,"title":13,"slug":49},{"slug":302,"title":303,"logo":304,"baseline":305,"categories":306},"travelperk","Travelperk","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Ftravelperk-tuhcpuzp.png","Travel for work made simpler and smarter",[307,311,315,319],{"id":308,"title":309,"slug":310},5,"Travel","travel",{"id":312,"title":313,"slug":314},26,"Events","events",{"id":316,"title":317,"slug":318},36,"Finance","finance",{"id":320,"title":321,"slug":322},56,"Accounting","accounting",{"uuid":324,"title":325,"description":326,"canonical_path":327,"image":328,"width":329,"height":330,"image_alt":331,"kind":46,"categories":332,"app":334},"35134c9f-5a55-4717-a3b4-91a2b6b2fe88","Cake UI component","A landing page showcasing user testimonials and success stories.","\u002Fexamples\u002Fapps\u002Fcake\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F227a02f7-9029-42a8-90eb-c04c205cb5a7.png",2656,1753,"UI component from Cake",[333],{"id":12,"title":13,"slug":49},{"slug":335,"title":336,"logo":337,"baseline":338,"categories":339},"cake","Cake","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcake-equity-ml6m26id.png","The intuitive equity platform for fast-growing startups",[340,341],{"id":316,"title":317,"slug":318},{"id":342,"title":343,"slug":344},63,"Startups","startups",[],[347,350,353,356,359,362,365,368,371,374,377,380,383,386,389,392],{"label":348,"to":349},"Landing Page","\u002Fexamples\u002Fpages\u002Flanding-page",{"label":351,"to":352},"Product Page","\u002Fexamples\u002Fpages\u002Fproduct-page",{"label":354,"to":355},"AI Generation","\u002Fexamples\u002Fscreens\u002Fai-generation",{"label":357,"to":358},"Enterprise Page","\u002Fexamples\u002Fpages\u002Fenterprise-page",{"label":360,"to":361},"Dock design examples","\u002Fexamples\u002Fapps\u002Fdock",{"label":363,"to":364},"Lovable design examples","\u002Fexamples\u002Fapps\u002Flovable",{"label":366,"to":367},"Elevenlabs design examples","\u002Fexamples\u002Fapps\u002Felevenlabs",{"label":369,"to":370},"Liveblocks design examples","\u002Fexamples\u002Fapps\u002Fliveblocks",{"label":372,"to":373},"Maze design examples","\u002Fexamples\u002Fapps\u002Fmaze",{"label":375,"to":376},"Mocha design examples","\u002Fexamples\u002Fapps\u002Fmocha",{"label":378,"to":379},"Dovetail design examples","\u002Fexamples\u002Fapps\u002Fdovetail",{"label":381,"to":382},"Whop design examples","\u002Fexamples\u002Fapps\u002Fwhop",{"label":384,"to":385},"Mistral design examples","\u002Fexamples\u002Fapps\u002Fmistral",{"label":387,"to":388},"Quin design examples","\u002Fexamples\u002Fapps\u002Fquin",{"label":390,"to":391},"Travelperk design examples","\u002Fexamples\u002Fapps\u002Ftravelperk",{"label":393,"to":394},"Cake design examples","\u002Fexamples\u002Fapps\u002Fcake",{"published_at":396,"updated_at":397},"2022-09-01T14:18:47.000Z","2026-09-17T10:44:16.000Z"]