FlowKit
NewV1.0 — 1300+ Components now live

Build Webflow Sites 10× Faster.

Stop building from scratch. Access a library of premium, responsive components that copy directly into Webflow Designer. Clean class naming included.

Browse LibraryView Free Components

Trusted by 1,000+ Webflow Developers and Agencies.

Simple 3-Step Workflow

A workflow that feelslike magic.

From browsing to pasting — the entire process takes under 10 seconds.

01

Browse

Find the perfect component from our organized library of 500+ elements, sorted by category and tag.

02

Click Copy

Hit the "Copy" button. Our script formats the data specifically for Webflow's clipboard engine.

03

Paste & Ship

Go to Webflow, press Cmd + V, and watch the component appear with all classes and responsiveness intact.

Feature Highlights

Why Designers ChooseFlowKit

Built for Webflow developers who want to ship faster — without sacrificing clean code or responsive quality.

Component Library
Search 500+ components...

Navigation

40+ components

0%

Hero Sections

50+ components

0%

Feature Sections

60+ components

0%

Browse & Discover

Find the perfect component from an organized library of 500+ elements, filtered by category and tag.

One-Click Copy
Webflow Ready

  • Navbar 1

    Navigation

  • Hero Split

    Hero

  • Pricing Grid

    Pricing

  • Testimonial Slider

    Social Proof

  • Footer Mega

    Footer

Paste directly into Webflow Designer with Cmd+V

Copy to Webflow

Hit Copy — our script formats data for Webflow's clipboard engine. Press Cmd+V in Designer and it just works.

Responsive Guarantee
Desktop
Tablet
Mobile
Styles
Tested across all Webflow breakpoints

100% Mobile Ready

Every component is tested across Desktop, Tablet, and Mobile breakpoints. No broken layouts, ever.

Class Structure
Client-First Style
navbar1_component
Wrapper
navbar1_menu
Nav
navbar1_link
Link
button
Base
button.is-secondary
Modifier

Built for Scalability

We use a clean, logical BEM-style naming convention so you can style globally without conflicts across any project.

500+ Components

Everything you needto ship.

From complex mega-menus to simple footers — every category covered.

40+Navbars50+Hero Sections60+Feature Sections20+Pricing Tables30+Testimonial Sliders25+Footers35+Forms & ContactsBrowse all
Claude MCP

Use FlowKit insideClaude.

Connect your component library directly to Claude Desktop. Search, browse, and grab Webflow JSON — without leaving your AI workflow.

01

Open Config File

Open Claude Desktop → Settings → Developer, or navigate directly to the config file on your machine.

~/Library/Application Support/Claude/claude_desktop_config.json
03

Ask Claude

Restart Claude Desktop. FlowKit is connected — just ask in plain English.

“Find me a pricing comparison component”
“Show all FAQ section components”
“Get the Webflow JSON for a hero section”
02

Add FlowKit

Paste the snippet into your mcpServers block and save the file.

claude_desktop_config.json
{
  "mcpServers": {
    "flowkit": {
      "url": "https://web-com-library.vercel.app/api/mcp"
    }
  }
}

Already have other MCP servers? Just add the "flowkit" block inside your existing "mcpServers" object.

Got Questions?

Frequently askedquestions

Everything you need to know before getting started.

Start Today — Free

Ready to speed upyour workflow?

Join hundreds of designers building better Webflow sites in less time.

Get Unlimited AccessBrowse Free Components