Hero geometric shapes 03
Powerful and customizable React header section template. A split-screen hero section with a geometric pattern on the right and copy with calls to action on the left. Built with React Aria and Tailwind CSS.
Perfect for:
- Design studio landing pages
- Agency websites
- Portfolio hero sections
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-geometric-shapes-03 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.