Skip to main content
In Morph, you can use Tailwind CSS for styling MDX. Tailwind CSS is a CSS framework that applies styles using HTML class attributes. By using Tailwind CSS, you can easily style without writing CSS directly.

Tailwind CSS

Official Documentation

​
Example

In an MDX file, you can apply Tailwind CSS classes to HTML elements. In the following example, the <div> element has the bg-blue-500 and text-white classes applied. 
<div className="bg-blue-500 text-white p-4">
  <h1>Styling</h1>
  <p>This is an example of styling html using Tailwind CSS</p>
</div>