Hero color card 01
Powerful and customizable React header section template. A landing page hero section showcasing growth analytics and an email signup form. Built with React Aria and Tailwind CSS.
Perfect for:
- SaaS landing pages
- Product marketing sites
- Analytics tool homepages
Similar header section examples
Explore more header sections from our collection.
FAQs
Please refer to our frequently asked questions page for more.
Run npx untitledui@latest add hero-color-card-01 --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.
Install with npx untitledui@latest add header-sections and import into your page component. Headers are designed to sit at the top of marketing pages and support custom headlines, CTAs, and background patterns.