Single action default full width

Powerful and customizable React banner template. A top banner to highlight important company news or announcements. Built with React Aria and Tailwind CSS.

Perfect for:

  • SaaS website
  • Corporate blog
  • Product dashboard

FAQs

Please refer to our frequently asked questions page for more.

Run npx untitledui@latest add banner-single-action-default-full-width --yes to add this component to your project with all required dependencies. You can also copy the source files manually from the component page.

Yes. This component is built with Tailwind CSS utility classes and React Aria. You own the source code — modify colors, spacing, typography, and behavior directly in the component files.

This component is built with React, Tailwind CSS v4.2, and React Aria Components for accessibility. It supports both light and dark mode, is fully responsive, and includes TypeScript types.