FrontMark logo FrontMark Generator v1.109 Very rich Markdown, easy to use.
About Getting Started Documentation Contact

Enriched Markdown for clear documentation.

FrontMark

Presentation site for FrontMark, enriched Markdown and documentation workflows.

Write once, render richer

frontmark-demo.md
# Standard markdown
## Clear docs
- **Readable text**
- Links, lists, images and code fences

# Rich markdown extension
!!! tip "Editorial structure"
    Admonitions, tables and tabs make the page easier to scan.

# MkDocs Material implementation
=== ":material-eye-outline: Preview"

    Icons, cards and buttons keep authoring close to a known syntax.

=== ":material-view-dashboard-outline: Result"

    The same Markdown surface can render structured UI and animated visual blocks.

# FrontMark super rich +++++
::: container { predef=side-capsule-right }

**FrontMark super rich**
Standard Markdown stays readable, then FrontMark adds motion, shaped sections and presentation-grade visual layers.
![Layered landscape](/images/parallax/sky.svg){ .parallax height="340" speed="0.02" layers="/images/parallax/clouds.svg@0.12, /images/parallax/mountains-back.svg@0.22, /images/parallax/fog.svg@0.30, /images/parallax/mountains-front.svg@0.38, /images/parallax/foreground.svg@0.48" loading=lazy }

:::

Rendered result

Standard markdown

  • Readable text
  • Links, lists, images and code fences

Rich markdown extension

MkDocs Material implementation

Icons, cards and buttons keep authoring close to a known syntax.

The same Markdown surface can render structured UI and animated visual blocks.

FrontMark super rich

Capabilities at a glance

Readable Markdown

Concise, structured pages that stay easy to maintain in a simple content folder.

Enhanced Blocks

Admonitions, tabs, tables, and code blocks make expressive documentation easy to test.

Demo Base

A lightweight showcase for iterating on the message, navigation, and visual identity.

All Tags