[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fgetlog\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":39,"showcases":209,"links":210,"dates":241},"\u002Fexamples\u002Fapps\u002Fgetlog\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Getlog UI components examples - Nicelydone","Browse Getlog UI component design examples. Preview individual interface elements and explore related component categories. The next changelog for your product","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd6d70f16-d1e1-425b-a35a-d35f06347f51.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},"Getlog design examples","\u002Fexamples\u002Fapps\u002Fgetlog",{"label":23,"to":4},"Getlog 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},"Getlog","getlog","The next changelog for your product","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fgetlog-5d7ktmwf.png","https:\u002F\u002Fgetlog.co",[35],{"id":36,"title":37,"slug":38},106,"Changelogs","changelogs",[40,55,70,85,100,115,130,141,156,171,182,194],{"uuid":41,"title":42,"description":43,"canonical_path":4,"image":11,"width":44,"height":45,"image_alt":46,"kind":47,"categories":48,"app":53},"d6d70f16-d1e1-425b-a35a-d35f06347f51","Toggle switch with label","A toggle switch control accompanied by a descriptive text label, currently in the off state.",736,184,"Toggle switch with label from Getlog","component",[49],{"id":50,"title":51,"slug":52},236,"Toggle\u002FSwitch","toggle-switch",{"slug":30,"title":29,"logo":32,"categories":54},[],{"uuid":56,"title":57,"description":58,"canonical_path":4,"image":59,"width":60,"height":61,"image_alt":62,"kind":47,"categories":63,"app":68},"bd398e8e-8ef3-48e9-ae66-64ce2d6a9356","Company Icon Uploader","A file upload component specifically designed for uploading a company icon. It features a circular avatar preview with an edit badge, accompanied by instructions and size requirements.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fbd398e8e-8ef3-48e9-ae66-64ce2d6a9356.png",1194,456,"Company Icon Uploader from Getlog",[64],{"id":65,"title":66,"slug":67},169,"Avatar","avatar",{"slug":30,"title":29,"logo":32,"categories":69},[],{"uuid":71,"title":72,"description":73,"canonical_path":4,"image":74,"width":75,"height":76,"image_alt":77,"kind":47,"categories":78,"app":83},"1ceafbcd-13a6-45a9-9ae9-27252d609054","Theme selector","A visual radio group for selecting the appearance theme, featuring thumbnail previews for light, dark, and system preference modes.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1ceafbcd-13a6-45a9-9ae9-27252d609054.png",1388,579,"Theme selector from Getlog",[79],{"id":80,"title":81,"slug":82},256,"Theme settings","theme-settings",{"slug":30,"title":29,"logo":32,"categories":84},[],{"uuid":86,"title":87,"description":88,"canonical_path":4,"image":89,"width":90,"height":91,"image_alt":92,"kind":47,"categories":93,"app":98},"636a6577-e162-4dc3-8ca0-4d82497f1165","Action buttons with loading state","A vertical stack of two buttons. The top button is a primary action in a loading state, displaying a spinner instead of text. The bottom button is a secondary action labeled 'Preview post'.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F636a6577-e162-4dc3-8ca0-4d82497f1165.png",730,346,"Action buttons with loading state from Getlog",[94],{"id":95,"title":96,"slug":97},277,"Button group","button-group",{"slug":30,"title":29,"logo":32,"categories":99},[],{"uuid":101,"title":102,"description":103,"canonical_path":4,"image":104,"width":105,"height":106,"image_alt":107,"kind":47,"categories":108,"app":113},"5236667f-b51c-4931-a260-c97d13743c5a","Tag badge","A small, rounded badge displaying the word 'Tag' in a brown color on a light beige background.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5236667f-b51c-4931-a260-c97d13743c5a.png",197,176,"Tag badge from Getlog",[109],{"id":110,"title":111,"slug":112},260,"Badge","badge",{"slug":30,"title":29,"logo":32,"categories":114},[],{"uuid":116,"title":117,"description":118,"canonical_path":4,"image":119,"width":120,"height":121,"image_alt":122,"kind":47,"categories":123,"app":128},"04a16467-cf2b-498b-b23f-3550b1b3108f","Color swatch grid","A grid of ten color swatches, each displayed as a colored circle within a rounded square container.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F04a16467-cf2b-498b-b23f-3550b1b3108f.png",580,252,"Color swatch grid from Getlog",[124],{"id":125,"title":126,"slug":127},183,"Color picker","color-picker",{"slug":30,"title":29,"logo":32,"categories":129},[],{"uuid":131,"title":132,"description":133,"canonical_path":4,"image":134,"width":135,"height":106,"image_alt":136,"kind":47,"categories":137,"app":139},"46fad03a-67c9-4b07-bcf5-ce75821eb300","Author selection field","A form field displaying a selected author with an avatar, name, and a clear button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F46fad03a-67c9-4b07-bcf5-ce75821eb300.png",701,"Author selection field from Getlog",[138],{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":140},[],{"uuid":142,"title":143,"description":144,"canonical_path":4,"image":145,"width":146,"height":147,"image_alt":148,"kind":47,"categories":149,"app":154},"eb2b9857-084f-49bf-b566-d4d2fd5aefda","Image upload dropzone","A file upload dropzone for adding an image to a post, featuring a cloud upload icon and instructional text.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Feb2b9857-084f-49bf-b566-d4d2fd5aefda.png",587,298,"Image upload dropzone from Getlog",[150],{"id":151,"title":152,"slug":153},188,"File upload input","file-upload-input",{"slug":30,"title":29,"logo":32,"categories":155},[],{"uuid":157,"title":158,"description":159,"canonical_path":4,"image":160,"width":161,"height":162,"image_alt":163,"kind":47,"categories":164,"app":169},"b6ad91ac-0b37-424c-9b05-5dd34ce4c174","Empty State CTA","An empty state prompting the user to create their first changelog post, featuring a prominent call-to-action button and an illustrative mockup of the product.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb6ad91ac-0b37-424c-9b05-5dd34ce4c174.png",1481,851,"Empty State CTA from Getlog",[165],{"id":166,"title":167,"slug":168},278,"Illustration","illustration",{"slug":30,"title":29,"logo":32,"categories":170},[],{"uuid":172,"title":173,"description":174,"canonical_path":4,"image":175,"width":176,"height":176,"image_alt":177,"kind":47,"categories":178,"app":180},"5f7093a7-467f-47ed-bc7b-75c41f77fe99","User Avatar","A circular user avatar displaying a silhouette against a purple gradient background.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F5f7093a7-467f-47ed-bc7b-75c41f77fe99.png",208,"User Avatar from Getlog",[179],{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":181},[],{"uuid":183,"title":184,"description":185,"canonical_path":4,"image":186,"width":187,"height":188,"image_alt":189,"kind":47,"categories":190,"app":192},"4f4d9153-6425-4442-a4b8-f071934b101a","Workspace switcher","A workspace switcher component displaying an avatar, workspace name, and a truncated URL, with a dropdown arrow indicating more options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4f4d9153-6425-4442-a4b8-f071934b101a.png",606,248,"Workspace switcher from Getlog",[191],{"id":65,"title":66,"slug":67},{"slug":30,"title":29,"logo":32,"categories":193},[],{"uuid":195,"title":196,"description":197,"canonical_path":4,"image":198,"width":199,"height":200,"image_alt":201,"kind":47,"categories":202,"app":207},"82a99cfa-17de-431d-886b-9ff90a1f489c","Sidebar navigation","A vertical sidebar navigation menu with grouped links and a workspace switcher at the bottom.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F82a99cfa-17de-431d-886b-9ff90a1f489c.png",622,1749,"Sidebar navigation from Getlog",[203],{"id":204,"title":205,"slug":206},209,"Vertical navigation","vertical-navigation",{"slug":30,"title":29,"logo":32,"categories":208},[],[],[211,214,217,220,223,225,229,233,237],{"label":212,"to":213},"Getlog product screens","\u002Fexamples\u002Fapps\u002Fgetlog\u002Fscreens",{"label":215,"to":216},"Getlog marketing pages","\u002Fexamples\u002Fapps\u002Fgetlog\u002Fmarketing",{"label":218,"to":219},"Getlog user flows","\u002Fexamples\u002Fapps\u002Fgetlog\u002Fflows",{"label":221,"to":222},"Changelogs app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fchangelogs",{"label":224,"to":18},"All SaaS app examples",{"label":226,"to":227,"description":228},"SaaS screen examples","\u002Fexamples\u002Fscreens","Browse real product interface screens grouped by reusable screen patterns and common product tasks.",{"label":230,"to":231,"description":232},"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":234,"to":235,"description":236},"SaaS UI component examples","\u002Fexamples\u002Fcomponents","Browse interface components extracted from real SaaS products and grouped by their visible role.",{"label":238,"to":239,"description":240},"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":242,"updated_at":243},"2022-11-30T22:10:28.000Z","2026-09-13T13:44:12.000Z"]