Proper UI

Banners

Powerful and customizable React banner section components built for modern and responsive websites. These banner sections are built using React Aria and styled with Tailwind CSS.

Installation

npx @properui/cli@latest add banners
Banner Text Field DefaultBanner Text Field Default
Banner Text Field Default · Marketing section
Banner Single Action BrandBanner Single Action Brand
Banner Single Action Brand · Marketing section
Banner Slim DefaultBanner Slim Default
Banner Slim Default · Marketing section
Banner Text Field Brand Full WidthBanner Text Field Brand Full Width
Banner Text Field Brand Full Width · Marketing section
Banner Dual Action Default Full WidthBanner Dual Action Default Full Width
Banner Dual Action Default Full Width · Marketing section
Banner Slim Brand Full WidthBanner Slim Brand Full Width
Banner Slim Brand Full Width · Marketing section
Banner Countdown Default Full WidthBanner Countdown Default Full Width
Banner Countdown Default Full Width · Marketing section
Banner Text Field BrandBanner Text Field Brand
Banner Text Field Brand · Marketing section
Banner Dual Action DefaultBanner Dual Action Default
Banner Dual Action Default · Marketing section
Banner Slim BrandBanner Slim Brand
Banner Slim Brand · Marketing section
Banner Single Action Default Full WidthBanner Single Action Default Full Width
Banner Single Action Default Full Width · Marketing section
Banner Dual Action Brand Full WidthBanner Dual Action Brand Full Width
Banner Dual Action Brand Full Width · Marketing section
Banner Countdown DefaultBanner Countdown Default
Banner Countdown Default · Marketing section
Banner Countdown Brand Full WidthBanner Countdown Brand Full Width
Banner Countdown Brand Full Width · Marketing section
Banner Single Action DefaultBanner Single Action Default
Banner Single Action Default · Marketing section
Banner Dual Action BrandBanner Dual Action Brand
Banner Dual Action Brand · Marketing section
Banner Text Field Default Full WidthBanner Text Field Default Full Width
Banner Text Field Default Full Width · Marketing section
Banner Single Action Brand Full WidthBanner Single Action Brand Full Width
Banner Single Action Brand Full Width · Marketing section
Banner Slim Default Full WidthBanner Slim Default Full Width
Banner Slim Default Full Width · Marketing section
Banner Countdown BrandBanner Countdown Brand
Banner Countdown Brand · Marketing section