Slim default full width

Powerful and customizable React banner template. A top banner to display important announcements or new feature alerts. Built with React Aria and Tailwind CSS.

Perfect for:

  • Product updates
  • Promotional offers
  • System alerts
  • Event announcements

FAQs

Please refer to our frequently asked questions page for more.

Run npx untitledui@latest add banner-slim-default-full-width to add it to your project along with its dependencies. It's part of Untitled UI PRO, so sign in first with npx untitledui@latest login.

Yes. Once it's in your project you own the source. It's styled with Tailwind CSS utility classes and our semantic color tokens, so change colors, spacing, typography and behavior directly in its files.

React and TypeScript, styled with Tailwind CSS v4.3 and our semantic color tokens, so it adapts to light and dark mode. Interactive parts use our base components, which are built on React Aria Components.