ShadcnHub
Pro

Split Hero

Medium

Two-column hero layout with content on the left and visual space on the right. Includes features list and stats.

hero
split
two-column
features
stats
visual

Component Preview

1200px
Version 2.0 Released

The future of web development is here

Build faster, ship sooner, and create amazing user experiences with our comprehensive component library.

Production-ready components
Built with modern technologies
Fully responsive design
Accessible by default
10K+
Active Users
99.9%
Uptime
24/7
Support

Visual content area

Usage Guidelines

Best Practices

  • Use semantic HTML elements for accessibility
  • Include proper ARIA labels when needed
  • Test with keyboard navigation
  • Ensure sufficient color contrast

Technical Details

  • Built with shadcn/ui and Tailwind CSS
  • TypeScript support included
  • Responsive design by default
  • Dark mode compatible

Related Components