'%20fill-rule='nonzero'%3e%3cg%20id='Group-4-Copy-2'%20transform='translate(10.000000,%2011.000000)'%3e%3cg%20id='Group-4-Copy'%3e%3cg%20id='Group-3'%3e%3cg%20id='Group-2'%3e%3cg%20id='Group'%20transform='translate(0.000000,%203.965517)'%3e%3cpolygon%20id='Path-2-Copy'%20fill='url(%23linearGradient-1)'%20points='15.4503906%206.09454494%2024.7074219%206.61948524%2028%2013.8143019%2012.983147%2013.8143019'%3e%3c/polygon%3e%3cpolyline%20id='Path-3'%20fill='url(%23linearGradient-2)'%20points='18.6441406%200.179344682%2015.2%206.09454494%205.6%2024.3781798%2020.4691451%2024.3781798%2024.7074219%206.61948524'%3e%3c/polyline%3e%3cpolygon%20id='Path-2'%20fill='url(%23linearGradient-3)'%20points='0.278515625%2016.7726956%2016.7097656%2016.7726956%2020.4915735%2024.3781798%203.81015625%2024.3781798'%3e%3c/polygon%3e%3cellipse%20id='Path'%20fill='%23FFFFFF'%20cx='20'%20cy='8.93866591'%20rx='1.6'%20ry='1.62521198'%3e%3c/ellipse%3e%3c/g%3e%3cpolygon%20id='Path-4'%20fill='url(%23linearGradient-4)'%20points='17.4799284%206.21998644%2014.245614%203.0383241%2013.8849082%200.671669062%2018.2834348%204.81653099'%3e%3c/polygon%3e%3cpolygon%20id='Path-4-Copy'%20fill='url(%23linearGradient-5)'%20points='16.4448773%207.97355906%2013.2631579%204.52539306%2013.2631579%201.48706897%2017.4799284%206.21998644'%3e%3c/polygon%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e)
'%3e%3cpath%20d='M4.00066%2024.0001C6.20822%2024.0001%207.99986%2022.2081%207.99986%2020V16H4.00066C1.79311%2016%200.00146484%2017.792%200.00146484%2020C0.00146484%2022.2081%201.79311%2024.0001%204.00066%2024.0001Z'%20fill='%230ACF83'%3e%3c/path%3e%3cpath%20d='M0.00146484%2012C0.00146484%209.79199%201.79311%208%204.00066%208H7.99986V16H4.00066C1.79311%2016%200.00146484%2014.208%200.00146484%2012Z'%20fill='%23A259FF'%3e%3c/path%3e%3cpath%20d='M0.00183105%204C0.00183105%201.792%201.79347%200%204.00103%200H8.00023V8H4.00103C1.79347%208%200.00183105%206.208%200.00183105%204Z'%20fill='%23F24E1E'%3e%3c/path%3e%3cpath%20d='M8.00012%200H11.9993C14.2069%200%2015.9986%201.792%2015.9986%204C15.9986%206.208%2014.2069%208%2011.9993%208H8.00012V0Z'%20fill='%23FF7262'%3e%3c/path%3e%3cpath%20d='M15.9986%2012C15.9986%2014.208%2014.2069%2016%2011.9993%2016C9.79177%2016%208.00012%2014.208%208.00012%2012C8.00012%209.79199%209.79177%208%2011.9993%208C14.2069%208%2015.9986%209.79199%2015.9986%2012Z'%20fill='%231ABCFE'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_506:6462'%3e%3crect%20width='16'%20height='24'%20fill='white'%3e%3c/rect%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e)
'%3e%3c/path%3e%3c/svg%3e)
'%3e%3c/path%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_125_12'%20x1='0'%20y1='0'%20x2='32.3315'%20y2='31.7627'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2379E4D2'%3e%3c/stop%3e%3cstop%20offset='0.9999'%20stop-color='%235BADF1'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e)
'%3e%3c/path%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_54_6'%20x1='125.432'%20y1='-1.26844e-05'%20x2='504.885'%20y2='559.555'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23F68A2D'%3e%3c/stop%3e%3cstop%20offset='0.134904'%20stop-color='%23F1654B'%3e%3c/stop%3e%3cstop%20offset='0.262252'%20stop-color='%23ED4570'%3e%3c/stop%3e%3cstop%20offset='0.394296'%20stop-color='%23975BA1'%3e%3c/stop%3e%3cstop%20offset='0.533085'%20stop-color='%234668AF'%3e%3c/stop%3e%3cstop%20offset='0.673198'%20stop-color='%23118DA3'%3e%3c/stop%3e%3cstop%20offset='0.813823'%20stop-color='%230BAA90'%3e%3c/stop%3e%3cstop%20offset='0.953125'%20stop-color='%2364B177'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e)
'%3e%3c/path%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_14_34'%20x1='47.9012'%20y1='-2.13254e-06'%20x2='160.469'%20y2='161.667'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2310EB8B'%3e%3c/stop%3e%3cstop%20offset='1'%20stop-color='%236464F3'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e)
Hero components for React
Production-ready Hero components for React you can drop straight into your project — some free, some paid, all built from real landing pages.
Hero 1
43514
Hero 2
19765
Hero 3
19667
Hero 4
10722
Hero 5
9598
Hero 6
8422
Hero 7
7464
Hero 8
7431
Hero 9
6093
Hero 10
5960
Hero 11
5781
Hero 12
5132
Hero 13
4339
Hero 14
4178
Hero 15
4156
Hero 16
4086
Hero 17
3943
Hero 18
3535
Hero 19
3087
Hero 20
2822
Hero 21
2346
Hero 22
2337
Hero 23
2322
Hero 24
1880
Hero 25
1830
Hero 26
1829
Hero 27
1761
Hero 28
1620
Hero 29
1523
Hero 30
1269
Hero 31
1238
Hero 32
1106
Hero 33
1071
Hero 34
1054
Hero 35
1040
Hero 36
890
Hero 37
840