[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fcomponents\u002Frich-text-editor":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"totals":8,"category":11,"seo":15,"breadcrumbs":19,"content":28,"examples":37,"showcases":337,"links":338,"dates":387},"\u002Fexamples\u002Fcomponents\u002Frich-text-editor","collection","components",true,{"example_count":9,"app_count":10},78,56,{"id":12,"title":13,"description":14},221,"Rich text editor","See how interfaces combine writing with formatting controls. Explore how editor toolbars, content areas, and contextual actions support composing and changing formatted text.",{"title":16,"description":17,"og_image":18},"Rich text editor UI examples - Nicelydone","Rich text editor UI design examples from SaaS apps. See how interfaces combine writing with formatting controls. Explore how editor toolbars, content areas,…","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fead08314-11fb-4da0-b05d-6e3997d37bb9.png",[20,23,26],{"label":21,"to":22},"Examples","\u002Fexamples",{"label":24,"to":25},"SaaS UI component examples","\u002Fexamples\u002Fcomponents",{"label":27,"to":4},"Rich text editor UI examples",{"title":27,"eyebrow":29,"description":30,"sections":31,"body":35},"UI component category","Rich text editor UI design examples from SaaS apps. See how interfaces combine writing with formatting controls. Explore how editor toolbars, content areas, and contextual actions support composing and…",[32],{"title":33,"description":14,"links":34},"About Rich text editor",[],[36],"78 UI components",[38,64,93,114,143,173,193,219,246,272,297,319],{"uuid":39,"title":40,"description":41,"canonical_path":42,"image":18,"width":43,"height":44,"image_alt":45,"kind":46,"categories":47,"app":50},"0a1a51d5-2b04-47b0-ae39-a7492b4ded3f","Dock UI component","A project planning and document editing interface with a rich text editor and progress tracking.","\u002Fexamples\u002Fapps\u002Fdock\u002Fcomponents",2622,1016,"UI component from Dock","component",[48],{"id":12,"title":13,"slug":49},"rich-text-editor",{"slug":51,"title":52,"logo":53,"baseline":54,"categories":55},"dock","Dock","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdock-k4tgvy1y.png","The new way to manage external relationships",[56,60],{"id":57,"title":58,"slug":59},23,"Collaboration","collaboration",{"id":61,"title":62,"slug":63},29,"Task Management","task-management",{"uuid":65,"title":66,"description":67,"canonical_path":68,"image":69,"width":70,"height":71,"image_alt":72,"kind":46,"categories":73,"app":75},"a86c213e-adc5-43a0-85d2-3034c7b752e4","Code Editor","Primary workspace for writing, editing and running browser automation scripts with syntax highlighting and line numbers","\u002Fexamples\u002Fapps\u002Fbrowserbase\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc98f2f10-d781-491e-a881-af6be8d6ec57.png",2496,1649,"Code Editor from Browserbase",[74],{"id":12,"title":13,"slug":49},{"slug":76,"title":77,"logo":78,"baseline":79,"categories":80},"browserbase","Browserbase","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F3a57506b-6fe4-4f0c-85bc-b70ea12d0216.png","Give your agents access to the whole web.",[81,85,89],{"id":82,"title":83,"slug":84},48,"Developer Tools","developer-tools",{"id":86,"title":87,"slug":88},80,"Artificial Intelligence","artificial-intelligence",{"id":90,"title":91,"slug":92},37,"Developer APIs","developer-apis",{"uuid":94,"title":95,"description":96,"canonical_path":97,"image":98,"width":99,"height":100,"image_alt":101,"kind":46,"categories":102,"app":104},"25d6e745-bd6b-43cb-8f6c-81d9eff1933d","Aboard UI component","A rich text editor interface with formatting options and a text input area.","\u002Fexamples\u002Fapps\u002Faboard\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fb5a6b7d3-178b-43c1-a3aa-e2e1cb498923.png",1736,608,"UI component from Aboard",[103],{"id":12,"title":13,"slug":49},{"slug":105,"title":106,"logo":107,"baseline":108,"categories":109},"aboard","Aboard","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fea3ae2e7-7419-4926-acae-b179668f6172.png","Bring joy to your workplace with Aboard",[110],{"id":111,"title":112,"slug":113},10,"Human resources","human-resources",{"uuid":115,"title":116,"description":117,"canonical_path":118,"image":119,"width":120,"height":121,"image_alt":122,"kind":46,"categories":123,"app":125},"80170759-da7e-440a-86b7-337737ee9278","Chatwoot UI component","A message composition modal with fields for recipient, sender, and a rich text editor.","\u002Fexamples\u002Fapps\u002Fchatwoot\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Ff82d30ed-551b-4895-a7d1-fb27e4ef4f22.png",1511,1029,"UI component from Chatwoot",[124],{"id":12,"title":13,"slug":49},{"slug":126,"title":127,"logo":128,"baseline":129,"categories":130},"chatwoot","Chatwoot","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F8a760d18-89b8-4b6e-bb53-ab1e430b5b73.png","The modern customer support tool for your business",[131,135,139],{"id":132,"title":133,"slug":134},22,"Knowledge Management","knowledge-management",{"id":136,"title":137,"slug":138},45,"Open Source","open-source",{"id":140,"title":141,"slug":142},47,"Customer Service","customer-service",{"uuid":144,"title":145,"description":146,"canonical_path":147,"image":148,"width":149,"height":150,"image_alt":151,"kind":46,"categories":152,"app":154},"0de62171-55af-4485-8d91-f2e2a9937765","Dovetail UI component","A popover menu displaying various content insertion options within a document editor interface.","\u002Fexamples\u002Fapps\u002Fdovetail\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F73db75e8-1870-4998-aeb6-94d1805345a9.png",2518,1083,"UI component from Dovetail",[153],{"id":12,"title":13,"slug":49},{"slug":155,"title":156,"logo":157,"baseline":158,"categories":159},"dovetail","Dovetail","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F6b47c81d-b89f-43c4-9087-0c1e1df518d7.png","Helps you with the key steps of UX research",[160,164,165,169],{"id":161,"title":162,"slug":163},8,"Design","design",{"id":132,"title":133,"slug":134},{"id":166,"title":167,"slug":168},35,"Feedback","feedback",{"id":170,"title":171,"slug":172},104,"User Research","user-research",{"uuid":174,"title":175,"description":176,"canonical_path":177,"image":178,"width":179,"height":180,"image_alt":181,"kind":46,"categories":182,"app":184},"982a5890-dd2f-4d6e-a84f-8334f407a8c8","Documentation.AI UI component","A rich text editor interface with text formatting options and a placeholder for page description.","\u002Fexamples\u002Fapps\u002Fdocumentationai\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F66e8c789-a290-4746-ae65-5436379f3e73.png",1535,848,"UI component from Documentation.AI",[183],{"id":12,"title":13,"slug":49},{"slug":185,"title":186,"logo":187,"baseline":188,"categories":189},"documentationai","Documentation.AI","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F765c5eca-9754-4c48-be93-ec4d07f943f7.png","AI Documentation & Knowledge",[190,191,192],{"id":132,"title":133,"slug":134},{"id":82,"title":83,"slug":84},{"id":86,"title":87,"slug":88},{"uuid":194,"title":195,"description":196,"canonical_path":197,"image":198,"width":199,"height":200,"image_alt":201,"kind":46,"categories":202,"app":204},"812fe38d-1ade-47cf-bfe8-c87878373e42","Universe UI component","A design interface displaying text editing controls in a modal, used to modify selected text on a grid-based canvas.","\u002Fexamples\u002Fapps\u002Funiverse\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fc87fd60d-cf0c-489f-b964-1c637c37b955.png",2424,1099,"UI component from Universe",[203],{"id":12,"title":13,"slug":49},{"slug":205,"title":206,"logo":207,"baseline":208,"categories":209},"universe","Universe","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fa1f738aa-4481-4f65-b6d7-49d68fb8a925.png","Design Custom Sites with No Code",[210,214,215],{"id":211,"title":212,"slug":213},7,"Web Development","web-development",{"id":161,"title":162,"slug":163},{"id":216,"title":217,"slug":218},96,"No code","no-code",{"uuid":220,"title":221,"description":222,"canonical_path":223,"image":224,"width":225,"height":226,"image_alt":227,"kind":46,"categories":228,"app":230},"d522f4d8-1258-4a5f-ab73-55ebf2083e79","Fabric UI component","A dropdown menu with a filter input for selecting content blocks in a text editor.","\u002Fexamples\u002Fapps\u002Ffabric\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F1251a399-5ee1-481a-a7c4-678761bf33d7.png",568,925,"UI component from Fabric",[229],{"id":12,"title":13,"slug":49},{"slug":231,"title":232,"logo":233,"baseline":234,"categories":235},"fabric","Fabric","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F42ed2d48-9d22-43a8-a445-db7acd80254b.png","Your second brain. Remember everything",[236,237,241,245],{"id":132,"title":133,"slug":134},{"id":238,"title":239,"slug":240},30,"Productivity","productivity",{"id":242,"title":243,"slug":244},71,"File sharing","file-sharing",{"id":86,"title":87,"slug":88},{"uuid":247,"title":248,"description":249,"canonical_path":250,"image":251,"width":252,"height":253,"image_alt":254,"kind":46,"categories":255,"app":257},"641eb468-5c17-4818-80c2-f81ae41724cc","Gather UI component","A chat interface displaying a user message with text formatting options and a send button.","\u002Fexamples\u002Fapps\u002Fgather\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F93347882-1b84-45a4-be57-83aab64ed69b.png",2520,874,"UI component from Gather",[256],{"id":12,"title":13,"slug":49},{"slug":258,"title":259,"logo":260,"baseline":261,"categories":262},"gather","Gather","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F1eb4004c-e6ed-4f6c-bc14-37588eaa306c.png","People + knowledge. All in one place",[263,264,268],{"id":57,"title":58,"slug":59},{"id":265,"title":266,"slug":267},82,"Communication","communication",{"id":269,"title":270,"slug":271},89,"Remote","remote",{"uuid":273,"title":274,"description":275,"canonical_path":276,"image":277,"width":278,"height":279,"image_alt":280,"kind":46,"categories":281,"app":283},"544b4bac-213c-4172-b454-b6da54d30a5a","Orchestra UI component","A rich text editor toolbar is displayed above text content, with a portion of the text selected and a spelling error indicated.","\u002Fexamples\u002Fapps\u002Forchestra\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002Fdbfb2eec-7b52-429b-9597-66fb3286317c.png",1260,441,"UI component from Orchestra",[282],{"id":12,"title":13,"slug":49},{"slug":284,"title":285,"logo":286,"baseline":287,"categories":288},"orchestra","Orchestra","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F2b0154cb-f399-4a7b-9a72-2b039e4ac541.png","A chat-centric workspace for modern teams",[289,290,291,292,293],{"id":238,"title":239,"slug":240},{"id":57,"title":58,"slug":59},{"id":132,"title":133,"slug":134},{"id":61,"title":62,"slug":63},{"id":294,"title":295,"slug":296},42,"Messaging","messaging",{"uuid":298,"title":299,"description":300,"canonical_path":301,"image":302,"width":303,"height":304,"image_alt":305,"kind":46,"categories":306,"app":308},"4dee7c53-bea0-4fe3-9373-037044e0fbcf","Attio UI component","The screenshot displays a modal with a list of data fields.","\u002Fexamples\u002Fapps\u002Fattio\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F618dacaf-6788-445d-ac33-87e2c3846dd4.png",613,901,"UI component from Attio",[307],{"id":12,"title":13,"slug":49},{"slug":309,"title":310,"logo":311,"baseline":312,"categories":313},"attio","Attio","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fattio-nqag2fca.png","Customer relationship magic",[314,318],{"id":315,"title":316,"slug":317},53,"CRM","crm",{"id":86,"title":87,"slug":88},{"uuid":320,"title":321,"canonical_path":322,"image":323,"width":324,"height":325,"image_alt":326,"kind":46,"categories":327,"app":329},"08207c61-1c15-4c42-b388-5262f99096b6","Optimal UI component","\u002Fexamples\u002Fapps\u002Foptimal\u002Fcomponents","https:\u002F\u002Fassets.nicelydone.club\u002Felements\u002Ffull\u002F025386d5-78bf-4991-b0e7-e6df477aa778.png",1833,745,"UI component from Optimal",[328],{"id":12,"title":13,"slug":49},{"slug":330,"title":331,"logo":332,"baseline":333,"categories":334},"optimal","Optimal","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F2c9101f5-68a3-436e-aa6b-75f25822a183.png","UX Research & Design Testing Platform",[335,336],{"id":161,"title":162,"slug":163},{"id":170,"title":171,"slug":172},[],[339,342,345,348,351,354,357,360,363,366,369,372,375,378,381,384],{"label":340,"to":341},"Edit","\u002Fexamples\u002Fscreens\u002Fedit",{"label":343,"to":344},"AI Assistant","\u002Fexamples\u002Fscreens\u002Fai-assistant",{"label":346,"to":347},"Design Editor","\u002Fexamples\u002Fscreens\u002Fdesign-editor",{"label":349,"to":350},"Form","\u002Fexamples\u002Fscreens\u002Fform",{"label":352,"to":353},"Dock design examples","\u002Fexamples\u002Fapps\u002Fdock",{"label":355,"to":356},"Browserbase design examples","\u002Fexamples\u002Fapps\u002Fbrowserbase",{"label":358,"to":359},"Aboard design examples","\u002Fexamples\u002Fapps\u002Faboard",{"label":361,"to":362},"Chatwoot design examples","\u002Fexamples\u002Fapps\u002Fchatwoot",{"label":364,"to":365},"Dovetail design examples","\u002Fexamples\u002Fapps\u002Fdovetail",{"label":367,"to":368},"Documentation.AI design examples","\u002Fexamples\u002Fapps\u002Fdocumentationai",{"label":370,"to":371},"Universe design examples","\u002Fexamples\u002Fapps\u002Funiverse",{"label":373,"to":374},"Fabric design examples","\u002Fexamples\u002Fapps\u002Ffabric",{"label":376,"to":377},"Gather design examples","\u002Fexamples\u002Fapps\u002Fgather",{"label":379,"to":380},"Orchestra design examples","\u002Fexamples\u002Fapps\u002Forchestra",{"label":382,"to":383},"Attio design examples","\u002Fexamples\u002Fapps\u002Fattio",{"label":385,"to":386},"Optimal design examples","\u002Fexamples\u002Fapps\u002Foptimal",{"published_at":388,"updated_at":389},"2022-08-21T20:07:35.000Z","2026-09-17T10:44:16.000Z"]