A modern blogging platform with a rich block editor, AI writing assistant,
real-time collaboration, and organizations — all on the edge.
LixBlogs is a free, open-source blogging platform designed for creators, developers, and teams. It gives you a beautiful writing experience with powerful tools built right in — no plugins to install, no complicated setup.
Whether you're writing a personal blog, publishing under your organization, or co-authoring with teammates in real-time, LixBlogs has you covered.
| Feature | Description | |
|---|---|---|
| ✨ | AI Writing Assistant | Press Space on an empty line — generate text, images, and get inline suggestions |
| 🧩 | Rich Block Editor | 20+ block types — code, math equations, diagrams, embeds, tables, and more |
| 👥 | Real-Time Collaboration | Invite co-authors and edit together with live cursors and presence |
| 🏢 | Organizations & Teams | Create orgs, assign roles, organize content into collections |
| ☁️ | Auto-Save & Cloud Sync | Drafts save locally and sync to the cloud — never lose a word |
| 🎨 | Themes & Customization | Light & dark modes, custom page colors, cover images, page emojis |
| 🔗 | Link Previews | Hover any link to see a rich OG preview card with title, image, favicon |
| 📄 | Sub-Pages | Nest pages inside your blog for structured, multi-page content |
| 🖼️ | Media Uploads | Drag & drop images, auto-compressed to WebP, tier-based storage |
| 📑 | Library & Bookmarks | Save posts, organize into collections, track reading history |
The editor that powers LixBlogs is available as a standalone npm package. Drop it into any React or Next.js app to get a fully-featured WYSIWYG editor with equations, diagrams, code highlighting, and more.
npm install @elixpo/lixeditor @blocknote/core @blocknote/react @blocknote/mantineimport { LixEditor, LixPreview, LixThemeProvider } from '@elixpo/lixeditor';
import '@blocknote/core/fonts/inter.css';
import '@blocknote/mantine/style.css';
import '@elixpo/lixeditor/styles';
function App() {
const [blocks, setBlocks] = useState(null);
return (
<LixThemeProvider defaultTheme="dark">
<LixEditor
initialContent={blocks}
onChange={(editor) => setBlocks(editor.getBlocks())}
features={{ equations: true, mermaid: true, codeHighlighting: true }}
placeholder="Start writing..."
/>
<LixPreview blocks={blocks} />
</LixThemeProvider>
);
}| Feature | Default | Description |
|---|---|---|
equations |
✅ | Block & inline LaTeX via KaTeX |
mermaid |
✅ | Mermaid diagrams (flowcharts, sequence, git graphs) |
codeHighlighting |
✅ | Shiki syntax highlighting — 30+ languages |
tableOfContents |
✅ | Auto-generated TOC from headings |
images |
✅ | Upload, embed URL, paste, drag & drop |
dates |
✅ | Inline date picker chips |
linkPreview |
✅ | OG metadata tooltip on link hover |
markdownLinks |
✅ | Auto-convert [text](url) and  |
Every feature is toggleable. Override CSS variables to match your brand:
:root {
--lix-accent: #e040fb;
--lix-bg-app: #fafafa;
--lix-font-body: 'Inter', sans-serif;
}Write .lixeditor documents with a rich WYSIWYG editor — right inside VS Code.
| Feature | |
|---|---|
| ✍️ | Rich block editor — headings, lists, tables, checklists |
| 🎨 | Syntax-highlighted code blocks (25+ languages via Shiki) |
| 🔗 | Smart links — auto-convert [text](url), hover preview |
| 🖼️ | Image blocks — upload, embed URL, paste, drag & drop |
| 📆 | Date stamps — Ctrl+D to insert |
| ⚡ | Slash commands — type / to insert any block |
| 💾 | Auto-save + manual save + Markdown export |
| 🎨 | Adapts to your VS Code theme (light/dark) |
1. Install the extension from the VS Code Marketplace
2. Create a file: notes.lixeditor
3. Open it — the rich editor loads automatically
4. Type / for commands, write with markdown shortcuts
graph LR
A["🔐 Sign Up"] -->|Elixpo OAuth| B["✍️ Write"]
B -->|Block Editor| C["🤖 AI Assist"]
C -->|Generate & Edit| D["👥 Collaborate"]
D -->|Real-time Sync| E["🚀 Publish"]
E -->|blogs.elixpo.com| F["🌍 Readers"]
style A fill:#9b7bf7,stroke:#7c5ce0,color:#fff
style B fill:#60a5fa,stroke:#3b82f6,color:#fff
style C fill:#c084fc,stroke:#a855f7,color:#fff
style D fill:#4ade80,stroke:#22c55e,color:#fff
style E fill:#f59e0b,stroke:#d97706,color:#fff
style F fill:#f87171,stroke:#ef4444,color:#fff
The heart of LixBlogs is a powerful block editor built on BlockNote — it feels like writing in Notion, but built for publishing.
| Block Type | What It Does |
|---|---|
| Paragraphs, Headings | Standard text with markdown shortcuts |
| Code Blocks | Syntax-highlighted with 30+ languages via Shiki |
| Math / LaTeX | Block & inline equations with KaTeX rendering |
| Mermaid Diagrams | Flowcharts, sequence diagrams, git graphs, and more |
| Images | Upload, embed URL, paste, drag & drop — auto WebP compression |
| Links | Auto-convert URLs, [text](url) syntax, OG preview on hover |
| Tables | Full table support with header rows |
| Checklists | Interactive checkboxes with checked/unchecked styling |
| Table of Contents | Auto-generated from your headings |
| Sub-Pages | Nest child pages inside your blog |
| Date Stamps | Inline date chips with a mini calendar picker |
| Mentions | Tag users @name, blogs, and organizations |
| Dividers | Horizontal rules to separate sections |
graph TB
subgraph Client ["🖥️ Client"]
FE["Next.js 15 + React 19"]
ED["@elixpo/lixeditor"]
YJS["Yjs CRDT"]
end
subgraph Edge ["☁️ Cloudflare Edge"]
CF["Pages + Workers"]
D1["D1 Database"]
DO["Durable Objects"]
KV["KV Cache"]
end
subgraph Services ["🔌 Services"]
AI["LixSearch AI"]
CLD["Cloudinary"]
AUTH["Elixpo Accounts"]
end
FE --> CF
ED --> YJS
YJS -->|WebSocket| DO
CF --> D1
CF --> KV
FE --> AI
FE --> CLD
FE --> AUTH
style Client fill:#1a1a2e,stroke:#9b7bf7,color:#e8edf5
style Edge fill:#1a1a2e,stroke:#60a5fa,color:#e8edf5
style Services fill:#1a1a2e,stroke:#4ade80,color:#e8edf5
This project is licensed under the MIT License — see the LICENSE file for details.
Made with 💜 by Elixpo
Website · npm Package · VS Code Extension · Report Bug · Request Feature