Webflow Components
Figma Components
Tailwind Components
AI Professional headshots
AI Profile Picture
AI-powered stock photos
Landingfolio
Inspiration
Site & Landing Page Inspiration
Get inspired by the best landing page designs on the web.
Section & Component Examples
A growing list of landing page components from hundreds of websites
Component Library
Component Library
Discover instant copy+paste Tailwind components. Explore our huge library.
Templates
Landing Page Templates
Third party templates from the best designers around the world.
Premium Templates
Premium single-page templates for Tailwind & Webflow, free with membership.
Learn
Blog
Get expert advice on landing page design, copywriting, conversion optimization and more.
Optimization Tips
Actionable design tips to improve your landing page design
Danny's SEO Course
Learn the exact playbook behind 10+ #1 rankings — from keyword research to programmatic SEO.
Tools
Free Logos
The perfect logo for your project is just a click away.
MCP
Pricing
Home
Library
Charts
Pug
Charts components for Pug
Production-ready Charts components for Pug you can drop straight into your project — some free, some paid, all built from real landing pages.
All
Locked
Preview component
View source code
Charts 1
1103
Locked
Preview component
View source code
Charts 2
690
Locked
Preview component
View source code
Charts 3
463
Locked
Preview component
View source code
Charts 4
366
Locked
Preview component
View source code
Charts 5
332
Locked
Preview component
View source code
Charts 6
244
'%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)
