Shadcn Editor

Shadcn/Editor: Lexical-Powered Rich Text Editing with Shadcn/UI

Discover shadcn/editor, a modern rich text editor built on the robust Lexical framework and enhanced with sleek Shadcn/UI components. It's designed for developers seeking an accessible, highly customizable editing experience. This work-in-progress project leverages React 19 and Tailwind CSS v4 from the shadcn canary version, offering cutting-edge features for web applications. Being open source, it invites collaboration and ensures transparency for integrating advanced text editing capabilities.

Features:

• Lexical Framework Base: Utilizes the extensible and powerful Lexical rich text editor core.
• Shadcn/UI Components: Integrates pre-built, stylish components from the Shadcn/UI library.
• Accessibility Prioritized: Engineered for ease of use by individuals with diverse needs.
• Highly Customizable: Offers flexibility to adapt the editor's appearance and functionality.
• React 19 Compatibility: Developed using components compatible with the latest React version.
• Tailwind CSS v4 Styling: Employs the newest version of Tailwind CSS for utility-first styling.
• Toggleable Interface Menu: Provides a menu to easily access various editor commands and options.
• Theme Switching: Includes a feature to toggle between light and dark visual themes.
• Block Insertion: Supports adding content blocks like paragraphs.
• Font Customization: Allows selection of font families (e.g., Arial) and font sizes.
• Content Metrics: Displays real-time character and word counts.
• Open Source Project: Source code is available on GitHub, encouraging community involvement.
• Documentation Search: Facilitates finding information within the editor's documentation.

Summary:

shadcn/editor is a developer-focused rich text editor that combines Lexical's extensibility with Shadcn/UI's modern components. It supports React 19 and Tailwind v4, offering an accessible, customizable, and open-source solution for building rich text experiences. Key features include theme toggling, font customization, and content metrics, making it a versatile tool for diverse web development projects requiring sophisticated text input and formatting capabilities.