Tailwind Editor

screenshot of Tailwind Editor
svelte
tailwind
notion

Tailwind Editor

notion like tailwindcss editor built with svelte

Overview:

Tailwind Editor is a Svelte component that allows users to generate Tailwindcss HTML from a Notion-like WYSIWYG editor. However, it is important to note that this component is still under development and should not be used in production yet.

Features:

  • Import and use in a Svelte project: Users can easily import and use the Tailwind Editor component in their Svelte projects.
  • Custom HTML addition: Users have the option to add custom HTML when loading the component by passing an array of elements.
  • TODO List: The component has a todo list that outlines upcoming features, including embedded media, lists, drag and drop positions, and a code highlighter with Tailwindcss support.
  • Contribution: The project welcomes contributions from the community.
svelte
Svelte

Svelte is a modern front-end framework that compiles your code at build time, resulting in smaller and faster applications. It uses a reactive approach to update the DOM, allowing for high performance and a smoother user experience.

tailwind
Tailwind

Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.

notion
Notion

Notion is an all-in-one workspace that helps individuals and teams organize and manage their projects, notes, documents, and databases. It offers a range of features, including note-taking, task management, project planning, team collaboration, and more, all within a single app.

rollup
Rollup

RollupJS is a popular and efficient JavaScript module bundler that takes the code from multiple modules and packages them into a single optimized file, minimizing the overall size of the application and improving its performance.