> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://developers.webflow.com/flowkit/v2.0.0/components/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://developers.webflow.com/_mcp/server.

# Components

> Components refer to the re-usable HTML building blocks of this framework.

# Components

Flowkit provides a comprehensive set of component classes (button, card, etc) that help you build consistent and beautiful user interfaces. Each component is designed with accessibility, customization, and ease of use in mind.

## Available Components

### Interactive Elements

* [Buttons](/flowkit/components/buttons) - Primary, secondary, and tertiary button styles
* [Tag](/flowkit/components/tag) - Label and category indicators
* [Dropdown](/flowkit/components/dropdown) - Expandable selection menus
* [Accordion](/flowkit/components/accordion) - Collapsible content sections

### Content Display

* [Images](/flowkit/components/images) - Image display and responsive behavior
* [Cards](/flowkit/components/cards) - Content containers and layouts
* [Rich Text](/flowkit/components/richtext) - Text formatting and styles
* [Divider](/flowkit/components/divider) - Section separators

### Form Elements

* [Forms](/flowkit/components/forms) - Input fields, labels, and form layouts

### Navigation

* [Tabs](/flowkit/components/tabs) - Content organization and navigation
* [Slider](/flowkit/components/slider) - Carousel and content sliders

> Components refer to the re-usable HTML building blocks of this framework.

## Docs

- [Cards](https://developers.webflow.com/flowkit/v2.0.0/components/cards.md): Cards are layout containers used to group and display content like text, images, and interactive elements.
- [Buttons](https://developers.webflow.com/flowkit/v2.0.0/components/buttons.md): Buttons are reusable components used to trigger actions or link to other pages.
- [Tag](https://developers.webflow.com/flowkit/v2.0.0/components/tag.md): Tag components in Flowkit
- [Dropdown](https://developers.webflow.com/flowkit/v2.0.0/components/dropdown.md): Dropdowns are menus that display a list of options when triggered.
- [Accordion](https://developers.webflow.com/flowkit/v2.0.0/components/accordion.md): Accordions are expandable panels that show and hide content.
- [Images](https://developers.webflow.com/flowkit/v2.0.0/components/images.md): Images are styled using reusable classes that control fitting behavior and aspect ratio.
- [Rich Text](https://developers.webflow.com/flowkit/v2.0.0/components/richtext.md): Rich Text components provide formatted text editing capabilities.
- [Forms](https://developers.webflow.com/flowkit/v2.0.0/components/forms.md): Forms consist of modular components with consistent styling patterns.
- [Tabs](https://developers.webflow.com/flowkit/v2.0.0/components/tabs.md): Tabs are navigation components that organize content into separate views.
- [Slider](https://developers.webflow.com/flowkit/v2.0.0/components/slider.md): Sliders are interactive components that allow users to select a value from a range.
- [Divider](https://developers.webflow.com/flowkit/v2.0.0/components/divider.md): Dividers are visual elements that separate content into distinct sections.