[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fapps\u002Fgrammarly\u002Fcomponents":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":24,"app":28,"examples":43,"showcases":196,"links":197,"dates":213},"\u002Fexamples\u002Fapps\u002Fgrammarly\u002Fcomponents","detail","components",true,{"title":9,"description":10,"og_image":11},"Grammarly UI components examples - Nicelydone","Browse Grammarly UI component design examples. Preview individual interface elements and explore related component categories. Free online writing assistant","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F8d01ad13-485e-4931-b982-ce948a295b29.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},"Grammarly design examples","\u002Fexamples\u002Fapps\u002Fgrammarly",{"label":23,"to":4},"Grammarly 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},"Grammarly","grammarly","Free online writing assistant","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fgrammarly-bbef73ad.png","https:\u002F\u002Fwww.grammarly.com",[35,39],{"id":36,"title":37,"slug":38},59,"Writing tools","writing-tools",{"id":40,"title":41,"slug":42},80,"Artificial Intelligence","artificial-intelligence",[44,59,72,85,98,111,121,134,147,160,173,183],{"uuid":45,"title":46,"description":47,"canonical_path":4,"image":11,"width":48,"height":49,"image_alt":50,"kind":51,"categories":52,"app":57},"41bda813-a88f-4273-9a48-13b381345f1e","Grammarly UI component","The screenshot displays the analytics section of a team account.",696,1780,"UI component from Grammarly","component",[53],{"id":54,"title":55,"slug":56},209,"Vertical navigation","vertical-navigation",{"slug":30,"title":29,"logo":32,"categories":58},[],{"uuid":60,"title":46,"description":61,"canonical_path":4,"image":62,"width":63,"height":64,"image_alt":50,"kind":51,"categories":65,"app":70},"c1da922d-07b0-4fb3-9da4-61ad454df761","A settings panel for term management permissions.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc5a2d8db-9bef-422a-b070-adef811f8ee0.png",1016,808,[66],{"id":67,"title":68,"slug":69},179,"Checkbox & radio","checkbox-radio",{"slug":30,"title":29,"logo":32,"categories":71},[],{"uuid":73,"title":46,"description":74,"canonical_path":4,"image":75,"width":76,"height":77,"image_alt":50,"kind":51,"categories":78,"app":83},"a0b2e7b8-d2f2-467a-b4cd-9f8e5d2cc940","A modal for importing content for knowledge share, allowing users to upload CSV or Excel files.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F044cb627-6bb3-4452-871b-2fec384d0464.png",1226,1052,[79],{"id":80,"title":81,"slug":82},188,"File upload input","file-upload-input",{"slug":30,"title":29,"logo":32,"categories":84},[],{"uuid":86,"title":46,"description":87,"canonical_path":4,"image":88,"width":89,"height":90,"image_alt":50,"kind":51,"categories":91,"app":96},"a3b3f3a8-f671-47a5-85e1-6e96d0ab3614","The screenshot shows a modal asking the user to confirm the deletion of a rule.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F25687ca3-085d-4133-a709-95a7ad79cd8a.png",1166,1012,[92],{"id":93,"title":94,"slug":95},284,"Modal","modal",{"slug":30,"title":29,"logo":32,"categories":97},[],{"uuid":99,"title":46,"description":100,"canonical_path":4,"image":101,"width":102,"height":103,"image_alt":50,"kind":51,"categories":104,"app":109},"953f97f6-b681-4fc0-ab66-097638623fc0","A modal to turn features on and off.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F3490cb6b-6f4c-421c-976a-379e8a632125.png",809,620,[105],{"id":106,"title":107,"slug":108},254,"Tooltip","tooltip-element",{"slug":30,"title":29,"logo":32,"categories":110},[],{"uuid":112,"title":46,"description":113,"canonical_path":4,"image":114,"width":115,"height":116,"image_alt":50,"kind":51,"categories":117,"app":119},"fc4a053e-d793-4890-8767-e76fd349adff","A modal for feature access controls.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ffef918b0-1973-438f-bce8-19a983b1cbc6.png",1479,1279,[118],{"id":93,"title":94,"slug":95},{"slug":30,"title":29,"logo":32,"categories":120},[],{"uuid":122,"title":46,"description":123,"canonical_path":4,"image":124,"width":125,"height":126,"image_alt":50,"kind":51,"categories":127,"app":132},"984c203a-59b6-46c4-85de-e69e5a995fcc","A screen displaying a prompt to create groups with an illustration of diverse people.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F55e2b8d6-6a07-4196-ad50-bd55629bf58c.png",1518,1094,[128],{"id":129,"title":130,"slug":131},302,"Empty state","emptystate",{"slug":30,"title":29,"logo":32,"categories":133},[],{"uuid":135,"title":46,"description":136,"canonical_path":4,"image":137,"width":138,"height":139,"image_alt":50,"kind":51,"categories":140,"app":145},"d6046e1c-a6dc-41e8-8a54-a93b498bc2e0","A team management interface showing a list of members and their details.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F58bef743-9d28-4945-b7ef-5a1162125184.png",2596,1702,[141],{"id":142,"title":143,"slug":144},248,"Table","table-2",{"slug":30,"title":29,"logo":32,"categories":146},[],{"uuid":148,"title":46,"description":149,"canonical_path":4,"image":150,"width":151,"height":152,"image_alt":50,"kind":51,"categories":153,"app":158},"db9bb651-1340-4386-823b-a2f6fd871f67","The screenshot shows a plan management interface.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F91dc054a-681b-4097-bd6d-27ebf3407464.png",1244,1227,[154],{"id":155,"title":156,"slug":157},167,"Alert","alert",{"slug":30,"title":29,"logo":32,"categories":159},[],{"uuid":161,"title":46,"description":162,"canonical_path":4,"image":163,"width":164,"height":165,"image_alt":50,"kind":51,"categories":166,"app":171},"73954606-abf0-4082-8107-2ead29bffba9","A plan management interface showing current subscription details and seat allocation.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fff745a5b-0136-42ca-8aa2-7f61a8e0cca3.png",1232,872,[167],{"id":168,"title":169,"slug":170},186,"Charts","charts",{"slug":30,"title":29,"logo":32,"categories":172},[],{"uuid":174,"title":46,"description":175,"canonical_path":4,"image":176,"width":177,"height":178,"image_alt":50,"kind":51,"categories":179,"app":181},"b7a63a34-a18e-4335-b73f-596163d8a71c","The screenshot shows a setting related to product improvement and training, indicating that Grammarly can use user content to train its models.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fd4d341d2-96b0-4e2e-babe-95e918182434.png",1316,606,[180],{"id":155,"title":156,"slug":157},{"slug":30,"title":29,"logo":32,"categories":182},[],{"uuid":184,"title":46,"description":185,"canonical_path":4,"image":186,"width":187,"height":188,"image_alt":50,"kind":51,"categories":189,"app":194},"ff4359e8-01ee-4394-a726-43681bb10210","A settings panel for generative AI features.","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F75900612-4862-4339-b380-1610bbefcc3b.png",1398,607,[190],{"id":191,"title":192,"slug":193},236,"Toggle\u002FSwitch","toggle-switch",{"slug":30,"title":29,"logo":32,"categories":195},[],[],[198,201,204,207,210],{"label":199,"to":200},"Grammarly product screens","\u002Fexamples\u002Fapps\u002Fgrammarly\u002Fscreens",{"label":202,"to":203},"Grammarly marketing pages","\u002Fexamples\u002Fapps\u002Fgrammarly\u002Fmarketing",{"label":205,"to":206},"Grammarly user flows","\u002Fexamples\u002Fapps\u002Fgrammarly\u002Fflows",{"label":208,"to":209},"Writing tools app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fwriting-tools",{"label":211,"to":212},"Artificial Intelligence app examples","\u002Fexamples\u002Fapps\u002Fcategories\u002Fartificial-intelligence",{"published_at":214,"updated_at":215},"2021-01-10T19:16:14.000Z","2026-09-13T13:02:39.000Z"]