Hello there, welcome to the HyperBlocks editor! To find out more about HyperBlocks, check out /r/HyperBlocks.

Thanks to this editor you don't have to know anything about CSS or HyperBlocks' syntax, just drag & drop presets from the neighbouring column onto your sidebar and edit their settings.

For HyperBlocks to work, you need to add HyperBlocks' CSS to the end of your stylesheet and upload the icon sprite to your subreddit.

As soon as you've finished customising your sidebar, click the button below to generate Markdown syntax that can later be copied & pasted into the sidebar text area in your subreddit's settings.

At the moment this editor can't import the generated Markdown syntax, so if you want to edit you sidebar in the future you must export and save it somewhere. To edit it again, just import it into the editor.

Drag & drop presets from here to your sidebar.

HyperBlock with a *Heading*

...and some text.

HyperBlock with a *Heading*

Paste your *markdown* here!

HyperBlock with a *Heading*

* Example

* of a

* list

A **HyperButton**

Click on a preset in your sidebar once to edit its properties.