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
Content
React
Content components for React
Production-ready Content components for React you can drop straight into your project — some free, some paid, all built from real landing pages.
All
Locked
Preview component
View source code
Content 1
627
Locked
Preview component
View source code
Content 2
460
Locked
Preview component
View source code
Content 3
317
'%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)
