Landingfolio

What Is Landingfolio?

Landingfolio is a component library and landing page inspiration gallery. The library has 800+ copy-paste sections for Tailwind CSS, Webflow and Figma, many of them also in HTML, React, Vue and Pug. Each component has a Preview and a Copy button, and is marked Free or Pro.

Landingfolio started as a template store. Its old kit pages (Clarity, Dusk, NiftyUI and others) are no longer in the store, and the site now centers on the component library, the inspiration gallery and an MCP server for AI coding agents.

Features ✨

• Marketing sections: feature (57), call to action (57), hero (37), testimonial (34), footer (31), pricing (31), team, header, steps, stats, FAQ, sign-up, sign-in, logo cloud and contact

• App and e-commerce screens: dashboard and settings pages, tables, charts, cart, checkout, product details and order confirmation

• Seven formats: Tailwind CSS, HTML, React, Vue, Pug, Webflow and Figma. Each card shows the formats that component comes in.

• Free only filter: browse just the free components

• Inspiration gallery: 961 real landing pages and 4,600+ section examples, filtered by industry, page type and color, with new designs every week

• Templates: 24 Pro landing page templates for Webflow and Tailwind in the store

• MCP server: 10 tools that let Claude Code, Cursor, Codex, Windsurf or VS Code search components and pull real landing page sections as reference while they build

• Agent skills: seven free, MIT-licensed skills, including a landing page audit, section explorations, a DESIGN.md extractor and a mobile responsive pass

Pricing 💳

• Free: free components, the newest 40 examples per category, 20 MCP fetches a day and 20 saved sections

• All Access Pass, yearly ($49 a year, cancel anytime): every component, kit and template, the full archive, mobile previews, color filters, 1,000 MCP requests a day and ad-free browsing

• All Access Pass, forever ($59 one-time, a limited offer listed down from $249): the same access for life, with a 30-day money-back guarantee

Pros and Cons

Pros ✅

• Built from real landing pages: sections follow patterns that ship on live sites

• Code and design in one place: Tailwind, React and Vue code next to Webflow and Figma versions

• Low price: $49 a year or $59 once for the whole library

• Works with AI agents: the MCP server and skills plug into the main coding agents

• Commercial use: unlimited personal and client projects

Cons ⚠️

• Formats vary: not every component comes in every format (some have no Figma file)

• Copy and paste only: no npm package, CLI or shared theme, so you restyle each section yourself

• Pro content is gated: Pro components and the full archive need the All Access Pass

• Third-party templates are extra: templates from other makers listed on Landingfolio are not part of the pass

Integration

• Tailwind CSS, HTML, React or Vue: copy a section and paste it into your project

• Webflow: paste the component into the Webflow Designer

• Figma: copy the design into your file to adapt it before you build

• AI agents: create a free account, copy your token, then run claude mcp add --transport http landingfolio https://mcp.landingfolio.com/mcp --header "Authorization: Bearer lf_YOUR_TOKEN"

FAQ

Is Landingfolio a template library or a component library?

Today it is mainly a component library and an inspiration gallery: 800+ copy-paste sections for Tailwind CSS, Webflow and Figma, plus 961 real landing pages to browse. The store still has 24 Pro landing page templates, but the older kit pages such as Clarity, Dusk and NiftyUI are gone.

Is Landingfolio free?

Partly. Free components, the newest examples in each category and 20 MCP fetches a day cost nothing. Pro components and the full archive need the All Access Pass: $49 a year, or $59 one-time while the lifetime offer lasts.

Which frameworks does Landingfolio support?

Tailwind CSS, HTML, React, Vue, Pug, Webflow and Figma. Each component card shows which of these formats it comes in.

Can I use Landingfolio with Claude Code or Cursor?

Yes. The Landingfolio MCP server works with Claude Code, Cursor, Codex, Windsurf and VS Code. A free token gives 20 fetches a day and the All Access Pass raises that to 1,000. Seven free agent skills build on it.

Can I use Landingfolio components in client projects?

Yes. The license covers unlimited end projects for yourself or your clients. You cannot resell the components or turn them into a template or kit to sell.