As a developer, I've always been fascinated by the power of tools that enhance productivity while respecting user privacy. That's the philosophy behind SvelteMark, an open-source markdown editor I've just released. Built on the innovative foundation of Svelte 5 and its new Runes feature, SvelteMark is not just another markdown editor; it's a commitment to local-first data, privacy, and an exceptional user experience.
Why Local-First and Privacy-Focused?
In an era where almost every application demands account creation and stores your data in the cloud, I believe there's a need for an alternative. SvelteMark is a response to that need. It's a 100% local-only editor, meaning all your notes are securely stored in your browser using IndexedDB. There's no server communication, no tracking, and no account required. Simply open the app, and start writing. Your data, on your device, under your control.
The Power of Svelte 5 and Runes
Choosing Svelte 5 for SvelteMark was an easy decision. With its compiler architecture and the introduction of "Runes," Svelte 5 offers an incredibly efficient and intuitive way to build complex web applications. It allowed me to craft a highly responsive and performant user experience. From the seamless live preview to proportional scroll synchronization and tree-based file management, Svelte 5's performance shines through.
Features at a Glance
SvelteMark is packed with features designed for writers, developers, and anyone who needs a reliable markdown editor:
- Local Storage & Security: All data in IndexedDB, no server communication, no accounts.
- Advanced Core Editor: Powered by CodeMirror 6 with syntax highlighting and GitHub-style live preview.
- Comprehensive Markdown Support: GitHub Flavored Markdown, Math equations (KaTeX), Mermaid diagrams, and code syntax highlighting for 100+ languages.
- Intuitive File Management: File explorer with nested folders, rename, and delete via context menus.
- Polished UI/UX: GitHub-inspired dark theme, resizable panels, auto-hide UI, and a view-only mode.
- Portable Tools: Export/import feature to backup and restore all your notes as JSON.
See for Yourself!
I invite you to explore SvelteMark and experience a truly local and private markdown writing experience.
Live Demo: sveltemark.fana.my.id
Getting the Code
SvelteMark is an open-source project. If you're interested in seeing the code behind the scenes, contributing, or even just starring it, you can find the repository on GitHub:
GitHub Repo: github.com/MasFana/sveltemark
Contributions are highly welcome! Whether it's bug reports, feature requests, or pull requests, your input is invaluable.
Conclusion
Building SvelteMark has been a rewarding journey in exploring the frontiers of modern web development and the local-first philosophy. I hope it becomes as useful a tool for you as it was enjoyable for me to create.
Thanks for reading, and happy writing!
Connect with me: linkedin.com/in/adrianfathan
Top comments (0)