Shower-MDX

Shower-MDX template

Shower Presentation Template is built by Vadim Makeev.

What is it?

This is a project template which lets you create your beautiful Shower presentations with markdown syntax and custom React components.

The following slides demonstrate rendered HTML. Check index.mdx to see how it looks in markdown.

Project repository

Feedback and contributions are warmly welcomed!

Slide Header

Echo Park 8-bit sustainable umami deep v Kickstarter. DIY cliche typewriter brunch, Odd Future sriracha pickled aesthetic. Farm-to-table bespoke fingerstache, kale chips umami brunch letterpress.

Whatever authentic disrupt, you probably haven’t heard of them direct trade mlkshk Etsy. Gluten-free roof party plaid four loko quinoa.

Echo Park 8-bit sustainable umami deep v Kickstarter.

First Header

Echo Park 8-bit sustainable umami deep v Kickstarter. DIY cliche typewriter brunch, Odd Future sriracha pickled aesthetic.

Second Header

Whatever authentic disrupt, you probably haven’t heard of them direct trade mlkshk Etsy. Gluten-free roof party plaid four loko quinoa.

Linked Header

Retro meh brunch aesthetic Cosby sweater Shoreditch. Banksy Tumblr sriracha, flexitarian pug chia master cleanse vinyl wayfarers fanny pack bespoke Helvetica roof party. Messenger bag retro cred Portland next level. Yr stumptown Schlitz Carles deep v small batch. Echo Park 8-bit sustainable umami deep v Kickstarter. Hella sustainable messenger bag, leggings skateboard literally bicycle rights H₂0 mumblecore banh mi DIY VHS. Semiotics four loko street art asymmetrical.

Multiline
Header

Retro meh brunch aesthetic Cosby sweater Shoreditch. Banksy Tumblr sriracha, flexitarian pug chia master cleanse vinyl wayfarers fanny pack bespoke Helvetica roof party. Messenger bag retro cred Portland next level. Yr stumptown Schlitz Carles deep v small batch. Hella sustainable messenger bag, leggings skateboard literally1 bicycle rights H₂0 mumblecore banh mi DIY VHS. Semiotics four loko street art asymmetrical.

Inline Elements

Retro meh brunch aesthetic Cosby sweater Shoreditch. Banksy Tumblr sriracha, flexitarian pug chia master cleanse vinyl wayfarers fanny pack bespoke Helvetica roof party. Messenger bag retro cred Portland next level. Yr stumptown Schlitz Carles deep v small batch. Hella sustainable messenger bag, leggings skateboard literally¹ bicycle rights H₂0 mumblecore banh mi DIY VHS. Semiotics four loko street art asymmetrical. Asymmetrical <paleo> you probably haven’t heard of.

Block Quotes

Flannel bicycle rights locavore selfies skateboard. Authentic fanny pack paleo four loko bespoke. Artisan tattooed chia XOXO ennui, lomo disrupt 8-bit art party Tumblr scenester.

Ordered list

1. Literally viral vegan, ugh drinking vinegar photo booth
2. Wes Anderson chillwave Marfa pour-over Etsy banh mi
3. Ethnic polaroid lo-fi iPhone ennui
4. Yr wayfarers before they sold out Kickstarter asymmetrical
5. Irony flexitarian readymade quinoa, kogi bespoke meggings narwhal
6. Skateboard Etsy twee artisan Echo Park
7. Tonx kitsch fingerstache readymade, retro single-origin coffee

Unordered list

• Literally viral vegan, ugh drinking vinegar photo booth
• Wes Anderson chillwave Marfa pour-over Etsy banh mi
• Ethnic polaroid lo-fi iPhone ennui
• Yr wayfarers before they sold out Kickstarter asymmetrical
• Irony flexitarian readymade quinoa, kogi bespoke meggings narwhal
• Skateboard Etsy twee artisan Echo Park- Tonx kitsch fingerstache readymade, retro single-origin coffee

Multiline List Items

• Retro meh brunch aesthetic Cosby sweater Shoreditch. Banksy Tumblr sriracha, flexitarian pug chia master cleanse vinyl wayfarers fanny pack.
• Messenger bag retro cred Portland next level. Yr stumptown Schlitz Carles deep v small batch. Hella sustainable messenger bag.
• Leggings skateboard literally1 bicycle rights H₂0 mumblecore banh mi DIY VHS. Semiotics four loko street art asymmetrical. Asymmetrical paleo you probably haven’t heard of.

Nested Lists

1. Literally viral vegan, ugh drinking vinegar photo booth
2. Wes Anderson chillwave Marfa pour-over Etsy banh mi
3. Ethnic polaroid lo-fi iPhone ennui
   • Yr wayfarers before they sold out Kickstarter asymmetrical
   • Irony flexitarian readymade quinoa, kogi bespoke meggings narwhal
   • Skateboard Etsy twee artisan Echo Park
4. Tonx kitsch fingerstache readymade, retro single-origin coffee

Latin and Cyrillic List Bullets

• Occupy locavore blog, mustache you probably haven’t heard of them
• Skateboard pork belly aesthetic hoodie selfies brunch
• Food truck gluten-free disrupt Portland

• Helvetica narwhal drinking vinegar chillwave, post-ironic ennui
• Cray pug paleo retro, Echo Park narwhal Wes Anderson
• Disrupt Williamsburg fixie, shabby chic bicycle rights hashtag kogi

Custom List Bullets

• Helvetica narwhal drinking vinegar chillwave, post-ironic ennui
• Cray pug paleo retro, Echo Park narwhal Wes Anderson
• Disrupt Williamsburg fixie, shabby chic bicycle rights hashtag kogi

100. Occupy locavore blog, mustache you probably haven’t heard of them
10. Skateboard pork belly aesthetic hoodie selfies brunch
1. Food truck gluten-free disrupt Portland

Two Text Columns

Two List Columns

Three List Columns

Four List Columns

Simple table

Striped table with marked rows

If you need any customizations to your table, just go with mdx syntax:

Plain code block (markdown syntax)

<!DOCTYPE html>
<html lang="en">
<head> <!--Comment-->
    <title>Shower</title>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="screen.css">
</head>

Highlighted code (jsx component)

<!DOCTYPE html>  <html lang="en">   <head> <!--Comment-->   <title>Shower</title>   <meta charset="UTF-8">   <link rel="stylesheet" href="screen.css"><title>Shower</title>

Shout

Long Multiline
Shout

Linked Shout

Long Multiline Linked

Growing shout

Shrinking shout

Cover

Tall cover

Wide cover

Stepped list

1. Ennui keffiyeh thundercats
2. Jean shorts biodiesel
3. Terry richardson, swag blog
4. Locavore umami vegan helvetica
5. Fingerstache kale chips

Before they sold out master

Spotlight

Retro meh brunch aesthetic Cosby sweater Shoreditch. Banksy Tumblr sriracha, flexitarian pug chia master cleanse vinyl wayfarers fanny pack bespoke Helvetica roof party. Messenger bag retro cred Portland next level. Yr stumptown Schlitz Carles deep v small batch. Echo Park 8-bit sustainable umami deep v Kickstarter. Hella sustainable messenger bag, leggings skateboard literally bicycle rights H₂0 mumblecore banh mi DIY VHS. Semiotics four loko street art asymmetrical.

Spotlight

Retro meh brunch aesthetic Cosby sweater Shoreditch. Banksy Tumblr sriracha, flexitarian pug chia master cleanse vinyl wayfarers fanny pack bespoke Helvetica roof party. Messenger bag retro cred Portland next level. Yr stumptown Schlitz Carles deep v small batch. Echo Park 8-bit sustainable umami deep v Kickstarter. Hella sustainable messenger bag, leggings skateboard literally bicycle rights H₂0 mumblecore banh mi DIY VHS. Semiotics four loko street art asymmetrical.

Timed Slide

The End