An open-source Notion UI built with Vue 3
Lotion is an innovative block-based editor that offers a sleek and intuitive interface, inspired by the Notion UI. Recently showcased at the CityJS Singapore’s pre-conference meetup, Lotion aims to provide users with a flexible editing experience. Its design allows for seamless content creation and customization, making it a delightful tool for developers and content creators alike.
With its basic features and clear focus on customization, Lotion serves as an excellent foundation for anyone looking to build a personalized editing experience. Whether you’re a seasoned developer or a novice, getting started with Lotion is both simple and rewarding.
Block-based Editor: Enjoy a modular approach to editing, where content is organized into blocks for easy manipulation.
Drag to Reorder Blocks: Effortlessly rearrange your content by dragging blocks to your desired position, enhancing workflow efficiency.
Basic Markdown Parsing: Utilize essential formatting options like bold, italic, headings, and dividers to style your text quickly and intuitively.
Command Menu Shortcuts: Simply type ‘/’ to access a command menu, allowing you to insert blocks and utilize shortcuts for faster editing.
Custom Block Registration: Developers can create and register custom blocks, giving them the flexibility to tailor the editor to specific needs.
Read-only Mode: Enable a read-only setting for blocks, allowing for controlled viewing and distribution of content without edit permissions.
Lotion is certainly a promising tool that combines essential features with extensibility, making it a great starting point for those looking to enhance their editing capabilities.
