[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fscribe\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":220,"links":221,"dates":237},"\u002Fexamples\u002Fapps\u002Fscribe\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Scribe UI components examples - Nicelydone","Browse Scribe UI component design examples. Preview individual interface elements and explore related component categories. Turn any process into a…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F513f4b0c-9134-433f-8376-a9e9c623e462.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},"Scribe design examples","\u002Fexamples\u002Fapps\u002Fscribe",{"label":23,"to":4},"Scribe UI components examples",{"title":23,"eyebrow":25,"description":26,"sections":27,"body":28},"SaaS app examples","Browse Scribe UI component design examples. Preview individual interface elements and explore related component categories. Turn any process into a step-by-step guide, instantly",[],[],{"title":30,"slug":31,"description":32,"logo":33,"url":34,"twitter_username":35,"categories":36},"Scribe","scribe","Turn any process into a step-by-step guide, instantly","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fscribe-4679b940.png","https:\u002F\u002Fscribehow.com","scribehow",[37,41],{"id":38,"title":39,"slug":40},23,"Collaboration","collaboration",{"id":42,"title":43,"slug":44},22,"Knowledge Management","knowledge-management",[46,61,76,91,106,121,133,148,163,178,190,205],{"uuid":47,"title":48,"description":49,"canonical_path":4,"image":11,"width":50,"height":51,"image_alt":52,"kind":53,"categories":54,"app":59},"2606a65e-2d6a-4747-93f4-829421dfd6ec","Checkout Stepper","A horizontal stepper indicating progress through a three-step checkout flow. The first step is currently active.",1047,307,"Checkout Stepper from Scribe","component",[55],{"id":56,"title":57,"slug":58},227,"Stepper","stepper",{"slug":31,"title":30,"logo":33,"categories":60},[],{"uuid":62,"title":63,"description":64,"canonical_path":4,"image":65,"width":66,"height":67,"image_alt":68,"kind":53,"categories":69,"app":74},"2b7f2339-a498-4960-bf77-b9d05296fd8a","Onboarding checklist","A completed onboarding checklist showing a 100% progress bar and a list of completed tasks with green checkmarks.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F36774e32-c0a0-4c93-9b8a-269a79cd54ab.png",642,615,"Onboarding checklist from Scribe",[70],{"id":71,"title":72,"slug":73},213,"Progress indicator","progress-indicator",{"slug":31,"title":30,"logo":33,"categories":75},[],{"uuid":77,"title":78,"description":79,"canonical_path":4,"image":80,"width":81,"height":82,"image_alt":83,"kind":53,"categories":84,"app":89},"59627d0e-b903-4879-a8a5-80d879d9fced","Color swatch selector","A horizontal row of circular color swatches under the label 'Click Target Color'. The orange swatch is currently selected, indicated by an outer ring. A hash symbol icon sits at the end of the row, likely to open a custom hex code input.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fa533735c-f360-44f3-b5cd-ee5cc8124638.png",549,243,"Color swatch selector from Scribe",[85],{"id":86,"title":87,"slug":88},183,"Color picker","color-picker",{"slug":31,"title":30,"logo":33,"categories":90},[],{"uuid":92,"title":93,"description":94,"canonical_path":4,"image":95,"width":96,"height":97,"image_alt":98,"kind":53,"categories":99,"app":104},"f62a1a74-d7b8-4acd-ac82-4bef0bad79d3","Progress bar with upgrade badge","A progress bar showing 40% completion, accompanied by a 'Level up on Scribe' label and a 'PRO' badge with a lightning bolt icon.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F9b0947a4-97da-4988-8cee-f36e302937fc.png",588,199,"Progress bar with upgrade badge from Scribe",[100],{"id":101,"title":102,"slug":103},255,"Upgrade your plan","upgrade-your-plan",{"slug":31,"title":30,"logo":33,"categories":105},[],{"uuid":107,"title":108,"description":109,"canonical_path":4,"image":110,"width":111,"height":112,"image_alt":113,"kind":53,"categories":114,"app":119},"67d58ff7-6a6a-46e2-9f30-ba19b1eb4a05","Copy link field","A read-only input field displaying a referral link with a copy icon button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F02e6ec87-95a7-4074-a3c1-bfa36d3ce9b2.png",1250,391,"Copy link field from Scribe",[115],{"id":116,"title":117,"slug":118},241,"Click to copy","click-to-copy",{"slug":31,"title":30,"logo":33,"categories":120},[],{"uuid":122,"title":123,"description":124,"canonical_path":4,"image":125,"width":126,"height":127,"image_alt":128,"kind":53,"categories":129,"app":131},"3271d32b-2f66-484a-be7f-9ba7f46906e1","Scribe UI component","This is a user profile dropdown menu.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F06dfc28d-39b3-420c-8a84-fbbb0b87938c.png",678,655,"UI component from Scribe",[130],{"id":101,"title":102,"slug":103},{"slug":31,"title":30,"logo":33,"categories":132},[],{"uuid":134,"title":135,"description":136,"canonical_path":4,"image":137,"width":138,"height":139,"image_alt":140,"kind":53,"categories":141,"app":146},"d3d0471a-da7d-4422-bce6-8895c30d461d","Profile header","A user profile header displaying a large initial avatar, a role badge, the user's name, and their email address.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1fef19bc-364b-4b60-b704-5900d0e6dc57.png",465,479,"Profile header from Scribe",[142],{"id":143,"title":144,"slug":145},169,"Avatar","avatar",{"slug":31,"title":30,"logo":33,"categories":147},[],{"uuid":149,"title":150,"description":151,"canonical_path":4,"image":152,"width":153,"height":154,"image_alt":155,"kind":53,"categories":156,"app":161},"264a7468-b23a-42e5-9d35-6622556f3112","Help Menu Dropdown","A dark-themed dropdown menu originating from a help icon in a sidebar, displaying various support and information links.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb08ea222-aa9f-47ed-834b-0b6e761da0f6.png",546,462,"Help Menu Dropdown from Scribe",[157],{"id":158,"title":159,"slug":160},190,"Dropdown menu","dropdown-menu",{"slug":31,"title":30,"logo":33,"categories":162},[],{"uuid":164,"title":165,"description":166,"canonical_path":4,"image":167,"width":168,"height":169,"image_alt":170,"kind":53,"categories":171,"app":176},"59cc3753-7a2f-4c85-91c5-b70a2d72c2d7","User profile card","A card displaying a user's profile information, including an avatar, name, email, role, activity stats, and join date.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F14391bc5-8366-47aa-99fe-57ade3905912.png",1136,816,"User profile card from Scribe",[172],{"id":173,"title":174,"slug":175},174,"Card","card",{"slug":31,"title":30,"logo":33,"categories":177},[],{"uuid":179,"title":180,"description":181,"canonical_path":4,"image":182,"width":183,"height":184,"image_alt":185,"kind":53,"categories":186,"app":188},"e0f073e7-8f95-4266-b3f3-47f46abaf3dc","Card with More Menu","A document card displaying a title, metadata, and a top-right action bar. The 'more' icon is clicked, opening a dark dropdown menu with actions like Share, Move to Team, Duplicate, and Delete.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7d5a48af-b171-4363-b0be-05a8e8ad0556.png",804,498,"Card with More Menu from Scribe",[187],{"id":158,"title":159,"slug":160},{"slug":31,"title":30,"logo":33,"categories":189},[],{"uuid":191,"title":192,"description":193,"canonical_path":4,"image":194,"width":195,"height":196,"image_alt":197,"kind":53,"categories":198,"app":203},"e18e1331-fae1-4a20-95bf-82cd8e331cf0","Activity Feed","A list of recent user activity, showing viewed and created guides with timestamps. It includes tabs to switch between personal and team activity.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb51bde6c-a270-4d78-8d68-4e730062d717.png",733,1655,"Activity Feed from Scribe",[199],{"id":200,"title":201,"slug":202},249,"Timeline & history","timeline-history",{"slug":31,"title":30,"logo":33,"categories":204},[],{"uuid":206,"title":207,"description":208,"canonical_path":4,"image":209,"width":210,"height":211,"image_alt":212,"kind":53,"categories":213,"app":218},"12c9cc0d-afeb-472b-a602-f9f5f7f8b977","Document header","A top navigation bar for a document view, featuring a back button, logo, user avatar, and action buttons for editing and sharing.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F4f7f74a6-64d8-4f28-9644-3afecc0c33eb.png",3174,324,"Document header from Scribe",[214],{"id":215,"title":216,"slug":217},240,"Horizontal navigation","horizontal-navigation",{"slug":31,"title":30,"logo":33,"categories":219},[],[],[222,225,228,231,234],{"label":223,"to":224},"Scribe product screens","\u002Fexamples\u002Fapps\u002Fscribe\u002Fscreens",{"label":226,"to":227},"Scribe marketing pages","\u002Fexamples\u002Fapps\u002Fscribe\u002Fmarketing",{"label":229,"to":230},"Scribe user flows","\u002Fexamples\u002Fapps\u002Fscribe\u002Fflows",{"label":232,"to":233},"Collaboration app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fcollaboration",{"label":235,"to":236},"Knowledge Management app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fknowledge-management",{"published_at":238,"updated_at":239},"2023-07-10T09:39:16.000Z","2026-09-14T12:25:23.000Z"]