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@latest add banners
Banner Text Field Default
Banner Text Field Default · Marketing section
Banner Single Action Brand
Banner Single Action Brand · Marketing section
Banner Slim Default
Banner Slim Default · Marketing section
Banner Text Field Brand Full Width
Banner Text Field Brand Full Width · Marketing section
Banner Dual Action Default Full Width
Banner Dual Action Default Full Width · Marketing section
Banner Slim Brand Full Width
Banner Slim Brand Full Width · Marketing section
Banner Countdown Default Full Width
Banner Countdown Default Full Width · Marketing section
Banner Text Field Brand
Banner Text Field Brand · Marketing section
Banner Dual Action Default
Banner Dual Action Default · Marketing section
Banner Slim Brand
Banner Slim Brand · Marketing section
Banner Single Action Default Full Width
Banner Single Action Default Full Width · Marketing section
Banner Dual Action Brand Full Width
Banner Dual Action Brand Full Width · Marketing section
Banner Countdown Default
Banner Countdown Default · Marketing section
Banner Countdown Brand Full Width
Banner Countdown Brand Full Width · Marketing section
Banner Single Action Default
Banner Single Action Default · Marketing section
Banner Dual Action Brand
Banner Dual Action Brand · Marketing section
Banner Text Field Default Full Width
Banner Text Field Default Full Width · Marketing section
Banner Single Action Brand Full Width
Banner Single Action Brand Full Width · Marketing section
Banner Slim Default Full Width
Banner Slim Default Full Width · Marketing section
Banner Countdown Brand
Banner Countdown Brand · Marketing section