Quick Start

Get SquibView running in just a few minutes!

CLI Quick Start

The fastest way to see SquibView in action is using the CLI tool:

npx squibv document.md

This will generate an HTML file from your Markdown document with all features enabled.

Example

# Create a sample markdown fileecho"# Hello SquibView\n\nThis is **bold** text.\n\n\`\`\`mermaid\nflowchart TD\n    A[Start] --> B[Process]\n    B --> C[End]\n\`\`\`" > sample.md

# Convert to HTML
npx squibv sample.md

# Open sample.html in your browser

Component Quick Start

For web applications, use the standalone UMD build from CDN:

<!DOCTYPE html><html><head><title>SquibView Example</title><scriptsrc="https://unpkg.com/squibview/dist/squibview.standalone.min.js"></script><linkrel="stylesheet"href="https://unpkg.com/squibview/dist/squibview.min.css"></head><body><divid="editor"style="height: 500px;"></div><script>const editor = newSquibView({
            element: document.getElementById('editor'),
            content: '# Hello World\n\nThis is **SquibView** in action!'
        });
    </script></body></html>

Next Steps