[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fhuly\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":60,"showcases":213,"links":214,"dates":251},"\u002Fexamples\u002Fapps\u002Fhuly\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Huly UI components examples - Nicelydone","Browse Huly UI component design examples. Preview individual interface elements and explore related component categories. Everything App for your teams","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd9397da5-d7d5-4b62-82c2-f853d12e505b.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},"Huly design examples","\u002Fexamples\u002Fapps\u002Fhuly",{"label":23,"to":4},"Huly 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},"Huly","huly","Everything App for your teams","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fhuly-umc26pfq.png","https:\u002F\u002Fhuly.io","huly_io",[36,40,44,48,52,56],{"id":37,"title":38,"slug":39},29,"Task Management","task-management",{"id":41,"title":42,"slug":43},22,"Knowledge Management","knowledge-management",{"id":45,"title":46,"slug":47},30,"Productivity","productivity",{"id":49,"title":50,"slug":51},86,"Product management","product-management",{"id":53,"title":54,"slug":55},23,"Collaboration","collaboration",{"id":57,"title":58,"slug":59},45,"Open Source","open-source",[61,76,89,102,115,125,135,148,161,174,187,200],{"uuid":62,"title":63,"description":64,"canonical_path":4,"image":11,"width":65,"height":66,"image_alt":67,"kind":68,"categories":69,"app":74},"56499136-eb4e-4cab-846d-c0114f8aa1c0","Huly UI component","A push notification setting.",1294,347,"UI component from Huly","component",[70],{"id":71,"title":72,"slug":73},236,"Toggle\u002FSwitch","toggle-switch",{"slug":30,"title":29,"logo":32,"categories":75},[],{"uuid":77,"title":63,"description":78,"canonical_path":4,"image":79,"width":80,"height":81,"image_alt":67,"kind":68,"categories":82,"app":87},"e589623a-b293-4184-9e11-d95139ec7cad","A user profile modal with options for settings, workspace invitation, help, and sign out.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb3fdd331-026e-44d5-a606-2637aeb17394.png",867,893,[83],{"id":84,"title":85,"slug":86},190,"Dropdown menu","dropdown-menu",{"slug":30,"title":29,"logo":32,"categories":88},[],{"uuid":90,"title":63,"description":91,"canonical_path":4,"image":92,"width":93,"height":94,"image_alt":67,"kind":68,"categories":95,"app":100},"ed1e9112-e10c-4595-aa42-f423f3ba2147","A modal to select the color theme","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5f601878-f9ae-4b5d-a59f-d361d9259283.png",800,444,[96],{"id":97,"title":98,"slug":99},256,"Theme settings","theme-settings",{"slug":30,"title":29,"logo":32,"categories":101},[],{"uuid":103,"title":63,"description":104,"canonical_path":4,"image":105,"width":106,"height":107,"image_alt":67,"kind":68,"categories":108,"app":113},"41884216-0b90-4bde-92b5-90034b80358e","A calendar interface showing available time slots for different members.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fcba28733-ba16-4153-ad43-2e6ce8afa67d.png",2818,1015,[109],{"id":110,"title":111,"slug":112},249,"Timeline & history","timeline-history",{"slug":30,"title":29,"logo":32,"categories":114},[],{"uuid":116,"title":63,"description":117,"canonical_path":4,"image":118,"width":119,"height":120,"image_alt":67,"kind":68,"categories":121,"app":123},"36f92896-9850-400b-a061-6cadf69c673f","A schedule view for a calendar application.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F43f7b835-a7b8-49bc-be9a-a597aab32f32.png",1682,2177,[122],{"id":110,"title":111,"slug":112},{"slug":30,"title":29,"logo":32,"categories":124},[],{"uuid":126,"title":63,"description":127,"canonical_path":4,"image":128,"width":129,"height":130,"image_alt":67,"kind":68,"categories":131,"app":133},"12c5458c-98da-4e93-ad99-b71ea5ff559a","The screenshot shows a user interface with a modal open for setting the status of an issue.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F99920186-ef98-4a01-95e0-29ea793d856f.png",1250,2264,[132],{"id":84,"title":85,"slug":86},{"slug":30,"title":29,"logo":32,"categories":134},[],{"uuid":136,"title":63,"description":137,"canonical_path":4,"image":138,"width":139,"height":140,"image_alt":67,"kind":68,"categories":141,"app":146},"487971a6-9d0f-4317-b538-a90602ef79ce","A modal with grouping and ordering options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb8f6cc90-56f9-4799-81e8-7a7c5193de83.png",905,644,[142],{"id":143,"title":144,"slug":145},225,"Sorting & filtering","sorting-filtering",{"slug":30,"title":29,"logo":32,"categories":147},[],{"uuid":149,"title":63,"description":150,"canonical_path":4,"image":151,"width":152,"height":153,"image_alt":67,"kind":68,"categories":154,"app":159},"273cac97-1dc0-4980-85e3-1ed584ba0c01","A task management interface showing a list of tasks organized into categories.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F167843c1-d233-4989-9332-4570abf7a885.png",2402,1328,[155],{"id":156,"title":157,"slug":158},248,"Table","table-2",{"slug":30,"title":29,"logo":32,"categories":160},[],{"uuid":162,"title":63,"description":163,"canonical_path":4,"image":164,"width":165,"height":166,"image_alt":67,"kind":68,"categories":167,"app":172},"8f606127-750a-4782-b902-41c895cd4ea2","A set of status labels.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5738b892-465f-44e7-a32b-aed99a11f090.png",933,192,[168],{"id":169,"title":170,"slug":171},218,"Segmented control","segmented-control",{"slug":30,"title":29,"logo":32,"categories":173},[],{"uuid":175,"title":63,"description":176,"canonical_path":4,"image":177,"width":178,"height":179,"image_alt":67,"kind":68,"categories":180,"app":185},"d369379c-c890-4d90-8596-b61785f33a92","A color selection modal.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3df09413-6399-445e-a815-90f8eabc2bb4.png",736,415,[181],{"id":182,"title":183,"slug":184},183,"Color picker","color-picker",{"slug":30,"title":29,"logo":32,"categories":186},[],{"uuid":188,"title":63,"description":189,"canonical_path":4,"image":190,"width":191,"height":192,"image_alt":67,"kind":68,"categories":193,"app":198},"a305455b-a10a-4aad-aa15-b6cf881f8ea0","The modal shows a notification that an issue has been created.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F70f00e97-6719-4eb4-bbb1-a4ea631d669b.png",1003,336,[194],{"id":195,"title":196,"slug":197},247,"Notification Toast","notification-element",{"slug":30,"title":29,"logo":32,"categories":199},[],{"uuid":201,"title":63,"description":202,"canonical_path":4,"image":203,"width":204,"height":205,"image_alt":67,"kind":68,"categories":206,"app":211},"570e212b-9ac8-4081-a733-a4e6c251cb99","A date picker modal.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F73a95082-0319-4f9e-9bdd-da74c66abc0d.png",1258,1215,[207],{"id":208,"title":209,"slug":210},184,"Datepicker","datepicker",{"slug":30,"title":29,"logo":32,"categories":212},[],[],[215,218,221,224,227,230,233,235,239,243,247],{"label":216,"to":217},"Huly product screens","\u002Fexamples\u002Fapps\u002Fhuly\u002Fscreens",{"label":219,"to":220},"Huly marketing pages","\u002Fexamples\u002Fapps\u002Fhuly\u002Fmarketing",{"label":222,"to":223},"Huly user flows","\u002Fexamples\u002Fapps\u002Fhuly\u002Fflows",{"label":225,"to":226},"Task Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Ftask-management",{"label":228,"to":229},"Knowledge Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fknowledge-management",{"label":231,"to":232},"Productivity app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fproductivity",{"label":234,"to":18},"All SaaS app examples",{"label":236,"to":237,"description":238},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":240,"to":241,"description":242},"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":244,"to":245,"description":246},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":248,"to":249,"description":250},"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":252,"updated_at":253},"2025-06-02T11:06:31.000Z","2026-09-13T13:02:39.000Z"]