Skip to main content

Tailwind CSSImproved in 5.0+

Freeform includes sample formatting templates built to work with Tailwind CSS. When using these templates, Freeform assumes that the required Tailwind CSS styles and components are already included in your project. While the templates may not work for all sites out of the box, they provide a solid starting point for building your own.

The following are available:

  • Tailwind CSSTailwind 4 LightNew in 5.10.3+
  • Tailwind CSSTailwind 4 DarkNew in 5.10.3+
  • Tailwind CSSTailwind 3 (light)
  • Tailwind CSSTailwind 3 Dark

​Previews

​Video: Tailwind 4 Dark

​Screenshot: Tailwind 4 Light

​Live Demo

The live demo site highlights most features included in the sample templates, with some sections and data intentionally limited for demonstration purposes.

View Live Demo

​Guides

​Customization

You can easily customize any Tailwind CSS sample formatting template by using it as a starting point and adjusting it to fit your needs. For step-by-step instructions, check out the Custom Formatting Template guide.

View Complete Guide

Tailwind CSS is typically installed via CLI, but you may find it easier to work with the CDN while developing. Please see official Tailwind CSS documentation for latest versions and CDN links.

<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
Page Feedback