Logo

MARKDECK

MARKDOWN + SLIDE DECK

Standard Markdown

  • Headings (H1, H2, H3)
  • Bold and italic text
  • Ordered and unordered lists
  • Paragraphs and line breaks
  • Image tag
  • Tables
  • Completed Task
  • Open Task

Custom Notations

  • @highlight for emphasis
  • @card for content cards
  • @grids for layout
  • @widgets for charts with dimensions
  • @slide with transitions (ease, fade, slide, zoom)

Metadata Options

  • @type - presentation type
  • @theme - theme selection
  • @logo - logo URL
  • @background - background configuration
  • Supporting width and height for images

Lists & Headings

Unordered Lists:

  • First item
  • Second item
  • Third item

Ordered Lists:

  1. First step
  2. Second step
  3. Third step

Headings:

H1

H2

H3

H4

H5
H6

Code & Pre Code

Pre Code: Pre code 

<div class="glass-card" style="height: 400px; display: flex; justify-content: center;">
            <canvas id="teamChart"></canvas>
        </div>

Cards, Grids, Animation & Themes

MarkDeck comes with professionally curated themes

  • OceanBlue (Default)
  • CyberNeon (Dark/Cyan/Pink)
  • CoralReef (Nature Wellness)
  • TropicalSunset (Warm)
  • ElectricViolet (Creative)
  • IndustrialChic (Corporate)
  • AutumnHarvest (Warm/Cozy)
  • NeonNights (High Contrast)

This card is configured with animationsecurity

5 themed animations designed for specific presentation topics

  • net - Particle network with connections
  • security - Binary code rain with shields
  • transform - Morphing shapes with color transitions
  • growth - Upward arrows with currency symbols
  • celebrate - Confetti with sparkles
  • initiative - Forward arrows with progress waves

This card is configured with animationtransform

Data Visualization

Bar Chart

Table

Tool Type
Ticket360 Browser Extension
NoteWithVS Visual Studio Extension
MARKDECK Visual Studio Extension

Line Chart

Grid with Flex Ratios

Major Card (2x width)

This card takes up twice the space of the others because of flex="2".

Key Features:

  • Double width
  • More content space
  • Better visibility

Normal Card

Standard width card with flex="1".

Another Normal

Another standard card.

Percentage-Based Grid Layout

Main Content (70%)

This card occupies 70% of the row width.

Sidebar (30%)

This sidebar takes 30% of the space.

Quick Links:

  • Dashboard
  • Settings
  • Help

Complex Layout with Multiple Ratios

Card 1

25% width

Card 2 (Featured)

50% width - Featured content

Card 3

25% width

Large Card

Takes 75% of the space

More content here with plenty of room to breathe.

Small

25%

Quote, Info & Warning Blocks

"The only way to do great work is to love what you do." - Steve Jobs

💡 Pro Tip: Use keyboard arrows or click buttons to navigate slides

⚠️ Important: Make sure to save your work frequently!

CountUp & CountDown Widgets

Revenue Growth

We achieved in revenue this quarter!

Days Until Launch

Only remaining until our product launch!

Customer Satisfaction

Our satisfaction score is

Meter Widget (Speedometer Style)

Performance Metrics

Our system is performing at 85% efficiency!

Progress Bar Widgets

Project Completion

Budget Utilization

Team Productivity

Flip Cards - Interactive Content

Big Message

This is the back of the card with non auto flip mode enabled

Card with Auto flip enabled

This card is getting flipped automatically

Normal Card

Combining Multiple Features

Performance Dashboard

Quarterly Revenue

Revenue target exceeded by 15%!

Customer Growth

More Tools from AuthorArivoli !

NoteWithVs

NoteWithVS
Visual Studio Extension

Ticket360

Ticket360
Browser Plugin for Jira Management

MarkDeck

MARKDECK
Visual Studio Code extension
arivoli.in
Thank You !!

To Connect:

visitwww.arivoli.in

To Download:

VisualStudio]https://marketplace.visualstudio.com/publishers/arivoli-in

OpenVSX]https://open-vsx.org/extension/arivoli-in

Loading...