This document outlines the planned features and development stages for the @create-markdown package ecosystem.
@create-markdown provides a complete block-based markdown solution with:
- @create-markdown/core - Zero-dependency parsing and serialization
- @create-markdown/preview - Framework-agnostic HTML rendering with plugins
- @create-markdown/react - React components and hooks
- create-markdown - Convenience bundle
Status: Complete
The foundation stage establishes the monorepo structure and core infrastructure.
- Monorepo setup with Turborepo
- Package extraction and restructuring
- @create-markdown/core (v0.1.0)
- @create-markdown/react (v0.1.0)
- @create-markdown/preview (v0.1.0)
- create-markdown bundle (v0.1.0)
- CI/CD pipelines with GitHub Actions
- Changesets for version management
- Open source documentation (CODE_OF_CONDUCT, SECURITY, templates)
Status: In Progress
Focus on stabilizing the core package with comprehensive testing and documentation.
- Full test coverage (80%+ target)
- API documentation with TypeDoc
- Performance benchmarks
- Example projects
- Frontmatter parsing support
- Markdown validation utilities
- Custom block type registration API
- Improved nested list support
Status: In Progress
Enhance the preview package with additional plugins and features.
-
blocksToHTML()serializer - Built-in CSS themes (GitHub, GitHub Dark, Minimal)
- Shiki syntax highlighting plugin
- Mermaid diagram plugin
- Web Component
<markdown-preview>
- KaTeX math rendering plugin
- Table of contents generation
- Heading anchor links
- Copy code button
- Line numbers for code blocks
- Diff/patch highlighting
- Additional themes (Dracula, One Dark, Nord)
Status: Planned
Enhance React integration with advanced features and developer experience.
- Plugin integration for Shiki/Mermaid in BlockRenderer
- SSR/RSC (React Server Components) support
- Storybook component library
- React Native support (experimental)
-
<CodeBlock>component with Shiki -
<MermaidDiagram>component -
<MarkdownEditor>full editor component - Selection and cursor management
- Undo/redo history hook
- Collaborative editing hooks (CRDT-ready)
Status: Planned
Add advanced features for power users and specific use cases.
- Footnotes support
- Definition lists
- Abbreviations
- Emoji shortcodes (
:smile:) - Task list progress tracking
- Block metadata (custom attributes)
- Block comments/annotations
- Import/export formats (HTML, DOCX, PDF)
- Prism.js alternative syntax highlighting
- PlantUML diagrams
- Chart.js integration
- Excalidraw embedding
- YouTube/Vimeo embeds
- Twitter/X embeds
- CodeSandbox/StackBlitz embeds
Status: Planned
Expand framework support beyond React.
- @create-markdown/vue (v0.1.0)
- Vue 3 Composition API
- Nuxt.js integration
- @create-markdown/svelte (v0.1.0)
- Svelte 5 runes
- SvelteKit integration
- @create-markdown/solid (v0.1.0)
- SolidStart integration
- @create-markdown/angular (v0.1.0)
- Standalone components
Status: Future
Long-term vision for advanced capabilities.
- CRDT-based real-time sync
- Yjs integration
- Cursor presence
- Comments and suggestions
- Version history
- LSP (Language Server Protocol) support
- VS Code extension
- Cursor/editor integrations
- CLI tools for conversion
- Plugin marketplace/registry
- Block template library
- Theme builder
- Online playground with sharing
We welcome contributions! See CONTRIBUTING.md for guidelines.
Features are prioritized based on:
- Community demand (GitHub issues, discussions)
- Alignment with project goals
- Implementation complexity
- Maintainability
- Check existing issues and this roadmap
- Open a feature request issue
- Discuss in GitHub Discussions
- Submit a PR (for smaller features)
- Major (1.0.0): Breaking API changes
- Minor (0.x.0): New features, non-breaking
- Patch (0.0.x): Bug fixes, documentation
All packages in the ecosystem are versioned together using Changesets.
We do not provide specific timelines. Features are released when ready. Track progress in: