Skip to content

HeroUI

HeroUI is an installed React library for styled controls such as buttons and form fields.

Visit HeroUI

Which guide matches the project you already have?

HeroUI v3 for the web requires React 19 or later and Tailwind CSS v4. It uses a React package and a shared stylesheet. Older NextUI references are from before the rename to HeroUI. If the project uses HeroUI v2, consult the v3 migration guide before swapping packages or copying new examples. It lists changes to dependencies and individual controls.

What belongs to your app and what comes from HeroUI?

The core React package in the current v3 release uses the Apache 2.0 license. HeroUI Pro is a separate paid collection. Your app still owns field labels, the rules for accepting a form and the save result. Keep your theme choices and form logic in the project, and retest keyboard behavior when you upgrade the installed controls.

Can someone recover from a missing value on a fictional form?

Draw a settings form with a display-name field and a Save button.

  1. Make the label and correction clear
    Write the label and a short message that says what to enter when the field is blank.
  2. Follow the form after saving
    Mark where the error appears and where the app confirms that a valid change was saved.