[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fcurrent\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":40,"showcases":211,"links":212,"dates":225},"\u002Fexamples\u002Fapps\u002Fcurrent\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Current UI components examples - Nicelydone","Browse Current UI component design examples. Preview individual interface elements and explore related component categories. All your team’s work in one place","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff3478b35-7b00-4349-9d80-3bb4ef620a6e.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},"Current design examples","\u002Fexamples\u002Fapps\u002Fcurrent",{"label":23,"to":4},"Current 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},"Current","current","All your team’s work in one place","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcurrent-1829728d.png","https:\u002F\u002Fcurrent.so","current_so",[36],{"id":37,"title":38,"slug":39},8,"Design","design",[41,56,71,86,100,115,130,145,160,172,182,196],{"uuid":42,"title":43,"description":44,"canonical_path":4,"image":11,"width":45,"height":46,"image_alt":47,"kind":48,"categories":49,"app":54},"9c538c0e-b6d6-43ff-b987-2d7ce6991202","Landing Page Hero","A landing page hero section featuring a large headline, subheadline, primary and secondary call-to-action buttons, and a partial view of the product interface below.",3024,1873,"Landing Page Hero from Current","component",[50],{"id":51,"title":52,"slug":53},197,"Hero section","hero-section",{"slug":30,"title":29,"logo":32,"categories":55},[],{"uuid":57,"title":58,"description":59,"canonical_path":4,"image":60,"width":61,"height":62,"image_alt":63,"kind":48,"categories":64,"app":69},"c7df48ba-b19d-442f-bbf0-09c3ac7e64c9","Information alert","A subtle inline alert providing troubleshooting information and a link to a video tutorial.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Faceb7e41-dbca-4e29-ba15-658d78334018.png",1488,388,"Information alert from Current",[65],{"id":66,"title":67,"slug":68},235,"Tips","tips",{"slug":30,"title":29,"logo":32,"categories":70},[],{"uuid":72,"title":73,"description":74,"canonical_path":4,"image":75,"width":76,"height":77,"image_alt":78,"kind":48,"categories":79,"app":84},"a6a8aa66-78a6-4a9e-b345-9b727449b042","Rich text template editor","A rich text editor field used to configure a default template, featuring a formatting toolbar and pre-filled placeholder text.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fe9165854-282b-4e68-9c43-6c7993fa3b11.png",1648,851,"Rich text template editor from Current",[80],{"id":81,"title":82,"slug":83},221,"Rich text editor","rich-text-editor",{"slug":30,"title":29,"logo":32,"categories":85},[],{"uuid":87,"title":88,"description":89,"canonical_path":4,"image":90,"width":76,"height":91,"image_alt":92,"kind":48,"categories":93,"app":98},"d9e9f28b-c5ee-48ea-80cf-cd30ea1eb8e4","Notification toggle row","A list item containing an icon, a title, a description, and a toggle switch to enable or disable email notifications.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff5b3ba29-8168-474e-b15c-8c02909ca769.png",344,"Notification toggle row from Current",[94],{"id":95,"title":96,"slug":97},236,"Toggle\u002FSwitch","toggle-switch",{"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":48,"categories":108,"app":113},"95644ece-ef3b-4e70-8fa4-7660f3ce49a0","Profile photo upload","A profile photo upload component featuring a circular avatar placeholder with an initial and an 'Upload' button.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb6245100-3e16-4446-af8b-17bd2a8c3471.png",443,315,"Profile photo upload from Current",[109],{"id":110,"title":111,"slug":112},188,"File upload input","file-upload-input",{"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":48,"categories":123,"app":128},"6f127e41-a51e-441f-b997-c02139ff65bb","User Profile Header","A user profile header displaying an initial avatar with a status badge and the user's full name.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7c5bc2dc-4df7-467c-bced-ee775c307770.png",739,272,"User Profile Header from Current",[124],{"id":125,"title":126,"slug":127},169,"Avatar","avatar",{"slug":30,"title":29,"logo":32,"categories":129},[],{"uuid":131,"title":132,"description":133,"canonical_path":4,"image":134,"width":135,"height":136,"image_alt":137,"kind":48,"categories":138,"app":143},"6e9ffcf7-a474-4511-b5c4-fd8feb65bf34","Workspace Switcher Dropdown","A dropdown menu for switching workspaces, managing settings, and signing out. It includes the current user's email and an active workspace indicator.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fdd1cd6b9-a51a-4442-adaf-83fd92ca4ab8.png",780,725,"Workspace Switcher Dropdown from Current",[139],{"id":140,"title":141,"slug":142},190,"Dropdown menu","dropdown-menu",{"slug":30,"title":29,"logo":32,"categories":144},[],{"uuid":146,"title":147,"description":148,"canonical_path":4,"image":149,"width":150,"height":151,"image_alt":152,"kind":48,"categories":153,"app":158},"102ce5d8-71e3-4db4-bc74-dbf333f2e2e7","Search and Filter Bar","A search input field accompanied by a row of filter chips below it. One filter chip is active and shows a selected value with a clear icon.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F018f8887-3787-4ad5-99bf-ef9d2c220a37.png",1312,434,"Search and Filter Bar from Current",[154],{"id":155,"title":156,"slug":157},225,"Sorting & filtering","sorting-filtering",{"slug":30,"title":29,"logo":32,"categories":159},[],{"uuid":161,"title":162,"description":163,"canonical_path":4,"image":164,"width":165,"height":166,"image_alt":167,"kind":48,"categories":168,"app":170},"9b73813c-2639-4141-ac22-f865f5b7994e","Search and filter bar with popover","A search input field above a row of filter chips. The 'Streams' chip is active and displays a popover menu with a list of selectable options.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fdcc6f01f-3ce7-4792-b08f-36722a4a1814.png",1186,661,"Search and filter bar with popover from Current",[169],{"id":155,"title":156,"slug":157},{"slug":30,"title":29,"logo":32,"categories":171},[],{"uuid":173,"title":174,"description":175,"canonical_path":4,"image":176,"width":150,"height":151,"image_alt":177,"kind":48,"categories":178,"app":180},"aa800e9c-1c3e-4530-ba00-3cd6a5d06a72","Search bar with filters","A search input field with a magnifying glass icon and placeholder text, followed by a row of three pill-shaped filter buttons.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F7e897371-02fb-4ecb-8aa8-3774e37974a5.png","Search bar with filters from Current",[179],{"id":155,"title":156,"slug":157},{"slug":30,"title":29,"logo":32,"categories":181},[],{"uuid":183,"title":184,"description":185,"canonical_path":4,"image":186,"width":187,"height":110,"image_alt":188,"kind":48,"categories":189,"app":194},"a0826bfe-8429-4b8e-b926-cf2c693b6be1","Sign-in confirmation toast","A dark-themed toast notification confirming a successful sign-in and instructing the user to return to Figma.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F372be1e8-9414-4063-896b-a3f51f75d3fd.png",1224,"Sign-in confirmation toast from Current",[190],{"id":191,"title":192,"slug":193},247,"Notification Toast","notification-element",{"slug":30,"title":29,"logo":32,"categories":195},[],{"uuid":197,"title":198,"description":199,"canonical_path":4,"image":200,"width":201,"height":202,"image_alt":203,"kind":48,"categories":204,"app":209},"9477d771-503f-4f87-bfc9-6dfe41b4d612","Onboarding Checklist Card","A card component displaying a welcome message and a checklist of onboarding tasks. Completed tasks are struck through with a checkmark icon. A floating action button indicates overall progress.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F12263aa2-a6cf-4a3f-b15c-56cd10d95762.png",1193,1313,"Onboarding Checklist Card from Current",[205],{"id":206,"title":207,"slug":208},227,"Stepper","stepper",{"slug":30,"title":29,"logo":32,"categories":210},[],[],[213,216,219,222],{"label":214,"to":215},"Current product screens","\u002Fexamples\u002Fapps\u002Fcurrent\u002Fscreens",{"label":217,"to":218},"Current marketing pages","\u002Fexamples\u002Fapps\u002Fcurrent\u002Fmarketing",{"label":220,"to":221},"Current user flows","\u002Fexamples\u002Fapps\u002Fcurrent\u002Fflows",{"label":223,"to":224},"Design app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fdesign",{"published_at":226,"updated_at":227},"2023-06-20T06:47:07.000Z","2026-09-26T12:10:02.000Z"]