[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fgumlet\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":29,"examples":45,"showcases":194,"links":195,"dates":229},"\u002Fexamples\u002Fapps\u002Fgumlet\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Gumlet UI components examples - Nicelydone","Browse Gumlet UI component design examples. Preview individual interface elements and explore related component categories. One-stop video hosting and video…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe456096a-3bd4-4db8-927a-cfd45ea2e643.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},"Gumlet design examples","\u002Fexamples\u002Fapps\u002Fgumlet",{"label":23,"to":4},"Gumlet UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Gumlet UI component design examples. Preview individual interface elements and explore related component categories. One-stop video hosting and video streaming solution",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":35,"categories":36},"Gumlet","gumlet","One-stop video hosting and video streaming solution","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fgumlet-220db785.png","https:\u002F\u002Fwww.gumlet.com","gumlethq",[37,41],{"id":38,"title":39,"slug":40},70,"Video streaming","video-streaming",{"id":42,"title":43,"slug":44},100,"Video","video",[46,61,74,87,100,113,126,135,145,158,168,181],{"uuid":47,"title":48,"description":49,"canonical_path":4,"image":11,"width":50,"height":51,"image_alt":52,"kind":53,"categories":54,"app":59},"a983bd4e-1e66-4d33-a9f3-ec8de2233106","Gumlet UI component","A modal displaying current plan usage for video and image plans.",2146,856,"UI component from Gumlet","component",[55],{"id":56,"title":57,"slug":58},213,"Progress indicator","progress-indicator",{"slug":31,"title":30,"logo":33,"categories":60},[],{"uuid":62,"title":48,"description":63,"canonical_path":4,"image":64,"width":65,"height":66,"image_alt":52,"kind":53,"categories":67,"app":72},"5431ee44-afab-478e-a3d7-186688ef311d","A modal to edit a collection","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd38331ad-ec2f-44d2-baa5-54649d61d6b2.png",1784,487,[68],{"id":69,"title":70,"slug":71},233,"Tabs","tabs",{"slug":31,"title":30,"logo":33,"categories":73},[],{"uuid":75,"title":48,"description":76,"canonical_path":4,"image":77,"width":78,"height":79,"image_alt":52,"kind":53,"categories":80,"app":85},"bb5790c7-316c-4b45-9f68-6ece19c9be0a","A modal to manage geo blocking for videos.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F843f3005-db9a-4ea1-b851-b6b3e9377fcb.png",2200,505,[81],{"id":82,"title":83,"slug":84},255,"Upgrade your plan","upgrade-your-plan",{"slug":31,"title":30,"logo":33,"categories":86},[],{"uuid":88,"title":48,"description":89,"canonical_path":4,"image":90,"width":91,"height":92,"image_alt":52,"kind":53,"categories":93,"app":98},"cf3a9d0d-1a93-498c-b8e0-7259b03a5a4a","An alert message about security settings.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1a6c59ae-9f84-4a10-b443-718320e9f859.png",2080,308,[94],{"id":95,"title":96,"slug":97},167,"Alert","alert",{"slug":31,"title":30,"logo":33,"categories":99},[],{"uuid":101,"title":48,"description":102,"canonical_path":4,"image":103,"width":104,"height":105,"image_alt":52,"kind":53,"categories":106,"app":111},"ba2bd6c1-227e-4bf6-b1b9-ea2f92cea0c1","A date picker modal","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F603365b0-8819-4fff-9bed-fe37ef2abfad.png",615,725,[107],{"id":108,"title":109,"slug":110},184,"Datepicker","datepicker",{"slug":31,"title":30,"logo":33,"categories":112},[],{"uuid":114,"title":48,"description":115,"canonical_path":4,"image":116,"width":117,"height":118,"image_alt":52,"kind":53,"categories":119,"app":124},"80e3f33d-e354-4136-84d8-c2639c513e19","A bar chart showing storage usage.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcae06589-242c-410c-ade9-4d262e98d6ac.png",1512,1179,[120],{"id":121,"title":122,"slug":123},186,"Charts","charts",{"slug":31,"title":30,"logo":33,"categories":125},[],{"uuid":127,"title":48,"description":128,"canonical_path":4,"image":129,"width":117,"height":130,"image_alt":52,"kind":53,"categories":131,"app":133},"2ef8ac98-d4e4-4b66-a1b5-5abb29bf9fcc","A line chart showing transcoding usage over time.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff5e0d93a-6157-4821-909f-0beefa6d300c.png",1149,[132],{"id":121,"title":122,"slug":123},{"slug":31,"title":30,"logo":33,"categories":134},[],{"uuid":136,"title":48,"description":137,"canonical_path":4,"image":138,"width":139,"height":140,"image_alt":52,"kind":53,"categories":141,"app":143},"6f9a3b15-6fb0-499d-93b5-7f9ebbec533f","A modal informing the user that a feature is not available on their current plan.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6aeef0ae-eb33-4409-94ae-7d9c1cac08f5.png",1436,432,[142],{"id":82,"title":83,"slug":84},{"slug":31,"title":30,"logo":33,"categories":144},[],{"uuid":146,"title":48,"description":147,"canonical_path":4,"image":148,"width":149,"height":150,"image_alt":52,"kind":53,"categories":151,"app":156},"76a0fc11-7c44-40d5-90a6-c2e1f2844368","A modal with publishing options and video settings.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F65779564-8254-4766-afa0-3300887d50b4.png",973,1819,[152],{"id":153,"title":154,"slug":155},168,"Accordion","accordion",{"slug":31,"title":30,"logo":33,"categories":157},[],{"uuid":159,"title":48,"description":160,"canonical_path":4,"image":161,"width":162,"height":163,"image_alt":52,"kind":53,"categories":164,"app":166},"bdbf13e0-f8a3-40af-8814-ed23fd6809a0","A progress bar showing video storage usage.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F6901fb18-d653-47e3-b994-e2d4e519fca5.png",490,189,[165],{"id":56,"title":57,"slug":58},{"slug":31,"title":30,"logo":33,"categories":167},[],{"uuid":169,"title":48,"description":170,"canonical_path":4,"image":171,"width":172,"height":173,"image_alt":52,"kind":53,"categories":174,"app":179},"dd35465c-0ca4-4693-ad1a-4292cfdb8f0a","A table of video assets with search and filter options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8745b051-5fea-4d10-9943-31aa925b5a43.png",2349,926,[175],{"id":176,"title":177,"slug":178},248,"Table","table-2",{"slug":31,"title":30,"logo":33,"categories":180},[],{"uuid":182,"title":48,"description":183,"canonical_path":4,"image":184,"width":185,"height":186,"image_alt":52,"kind":53,"categories":187,"app":192},"51df471d-e316-4c5f-95ec-a7a9cb384e68","A modal showing a file upload progress.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F40834b0f-a99c-4440-87ff-6a18dcf63bea.png",887,1241,[188],{"id":189,"title":190,"slug":191},188,"File upload input","file-upload-input",{"slug":31,"title":30,"logo":33,"categories":193},[],[],[196,199,202,205,208,211,213,217,221,225],{"label":197,"to":198},"Gumlet product screens","\u002Fexamples\u002Fapps\u002Fgumlet\u002Fscreens",{"label":200,"to":201},"Gumlet marketing pages","\u002Fexamples\u002Fapps\u002Fgumlet\u002Fmarketing",{"label":203,"to":204},"Gumlet user flows","\u002Fexamples\u002Fapps\u002Fgumlet\u002Fflows",{"label":206,"to":207},"Video streaming app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fvideo-streaming",{"label":209,"to":210},"Video app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fvideo",{"label":212,"to":18},"All SaaS app examples",{"label":214,"to":215,"description":216},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":218,"to":219,"description":220},"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":222,"to":223,"description":224},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":226,"to":227,"description":228},"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":230,"updated_at":231},"2024-11-08T15:42:45.000Z","2026-09-13T13:02:39.000Z"]