Styling

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>

Getting Started

Quick Start

Framework

Deployment

Tutorials: Data Analysis

Tutorials: LLM Apps

Advanced

Tailwind CSS

Example

Tailwind CSS

​Example

Example