New: Custom Styling for Your Forms 🖌️

You can now fully customize the look and feel of your forms in Form-Data - right from the editor.

Whether you're aligning with brand guidelines or just want that perfect pixel finish, you have full control. Here's what’s possible:

✅ Add Classes Globally

Apply styles to all fields at once - for example, make all labels blue:

type form 
classes 
  label text-sky-500

✅ Target Specific Fields

Style just one field, like this:

type checkbox 
label I agree 
classes 
  label text-red-600

✅ Style HTML Blocks

Customize headers, paragraphs, and more using Tailwind or your own CSS:

type h1 
text Contact us 
attributes 
  class title 
  style text-align: center;

✅ Define Your Own CSS

Write any CSS you want - even animations or media queries:

type css 
.title { 
  font-size: 2rem; 
  color: #003366; 
}

All custom styles are automatically bundled into your published form.

Whether you're building a minimalist contact form or a fully branded survey, your styles are now in your hands.

Learn more in the docs → Custom Styling