'%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 Vue
Production-ready Blog components for Vue 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 List 25
242
Blog 26
240
Blog Sidebar 27
225
Blog Sidebar 28
189
Blog Sidebar 29
168
Blog 30
165
Blog Sidebar 31
157
Blog Sidebar 32
155
Blog Sidebar 33
151
Blog Author 34
147
Blog Author 35
129
Blog Sidebar 36
110
Blog Sidebar 37
106
Blog Sidebar 38
101
Blog Sidebar 39
100
Blog Sidebar 40
80