# Editor React components, live previews & code, EneUI Browse 27 Editor React and shadcn components: live preview, full source and a one-line install command for each. Copy into your project or hand it to your AI agent. > Page: https://ui.eneawork.it/components/cat/editor > Markdown: https://ui.eneawork.it/components/cat/editor.md **Components:** 27 ## Highlights - [toolbar](https://ui.eneawork.it/comp/21st-preetsuthar17--hextaui/toolbar), 21st-preetsuthar17--hextaui - [app-menu-bar](https://ui.eneawork.it/comp/21st-ruixen.ui--ruixen-ui/app-menu-bar), 21st-ruixen.ui--ruixen-ui - [code-editor-sheet](https://ui.eneawork.it/comp/21st-bankkroll--bankk/code-editor-sheet), 21st-bankkroll--bankk - [pricing-1](https://ui.eneawork.it/comp/21st-preetsuthar17--hextaui/pricing-1), 21st-preetsuthar17--hextaui - [account-menu](https://ui.eneawork.it/comp/21st-ruixen.ui--ruixen-ui/account-menu), 21st-ruixen.ui--ruixen-ui - [rich-text-editor-toolbar](https://ui.eneawork.it/comp/21st-uvain--layro-system/rich-text-editor-toolbar), 21st-uvain--layro-system - [action-toolbar](https://ui.eneawork.it/comp/21st-ruixen.ui--ruixen-ui/action-toolbar), 21st-ruixen.ui--ruixen-ui - [rich-text-editor](https://ui.eneawork.it/comp/21st-mohammadshehadeh--hirael/rich-text-editor), 21st-mohammadshehadeh--hirael - [math-base-kit](https://ui.eneawork.it/comp/21st-platejs--plate/math-base-kit), 21st-platejs--plate - [dropdown-menu11](https://ui.eneawork.it/comp/21st-bundui--bundui/dropdown-menu11), 21st-bundui--bundui - [toolbar-1](https://ui.eneawork.it/comp/21st-olivier_1b6cd5bc/toolbar-1), 21st-olivier_1b6cd5bc - [v-toolbar-3](https://ui.eneawork.it/comp/21st-cnippet-dev--cnippet/v-toolbar-3), 21st-cnippet-dev--cnippet ## FAQ ### How many React Editor components are there? 27 Editor components in the catalog, each with a live preview, full source and a one-line install command. ### How do I add a Editor component to my project? Open a component and hit Copy code (or Install) to drop the source into your components folder, or run npx shadcn add "" with the command shown on the page. ### Are they free? Yes, browsing is always free and copying runs on a free daily quota; Premium removes the limit. ### Do they work with Next.js and Tailwind? Yes, React components styled with Tailwind and shadcn/ui, compatible with Next.js, Vite and CRA. ## Related - [All categories](/components) - [Libraries](/libraries)