'%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)
Blog components for React
Production-ready Blog components for React you can drop straight into your project — some free, some paid, all built from real landing pages.
Blog Grid 1
2699
Blog Grid 2
1806
Blog Content 3
1453
Blog Content 4
1307
Blog Grid 5
1063
Blog List 6
1058
Blog Grid 7
1001
Blog Sidebar 8
815
Blog Sidebar 9
800
Home Sidebar 10
769
Blog Featured 11
543
Blog List 12
498
Blog Sidebar 13
486
Blog List 14
441
Blog Grid 15
420
Blog Content 16
412
Blog Sidebar 17
402
Blog Featured 18
388
Blog 19
356
Home Sidebar 20
350
Blog Grid 21
312
Blog Featured 22
299
Blog Author 23
280
Blog Sidebar 24
261
Blog Sidebar 25
246
Blog List 26
242
Blog 27
240
Blog Sidebar 28
225
Blog Sidebar 29
189
Blog Sidebar 30
168
Blog 31
165
Blog Sidebar 32
157
Blog Sidebar 33
155
Blog Sidebar 34
151
Blog Author 35
147
Blog Author 36
129
Blog Sidebar 37
110
Blog Sidebar 38
106
Blog Sidebar 39
101
Blog Sidebar 40
100