# Features packages

Features packages are those packages that add a specific feature to a Frontity project. They need to be defined and configured in the `frontity.settings.js` file so Frontity can properly use them in the project.

Most of the logic needed for specific features in a Frontity project are delegated in packages. Some of the packages contain essential features like [*routing*](/frontity-packages/features-packages.md#router-package) and [*source*](/frontity-packages/features-packages.md#source-package), so they will be used by most of the projects. Other optional features (like [*analytics*](/frontity-packages/features-packages.md#analytics-packages)) can be easily implemented through other packages.

## Official packages

### Source package

This package is in charge of getting data from WordPress and make it accesible from React components.

* [`@frontity/wp-source`](/frontity-packages/features-packages/wp-source.md)

### Router package

This package is in charge of managing (React) routes in a Frontity project.

* [`@frontity/tiny-router`](/frontity-packages/features-packages/tiny-router.md)

### Render package

This package is in charge of converting HTML to React.

* [`@frontity/html2react`](/frontity-packages/features-packages/html2react.md)

### SEO packages

These packages are designed to get automatically all the data from WordPress SEO plugins and render it (along with the content) in the final HTML.

* [`@frontity/head-tags`](/frontity-packages/features-packages/head-tags.md)
* [`@frontity/yoast`](/frontity-packages/features-packages/yoast.md)

### Ad packages

These packages allow you to insert ads in your Frontity projects from services such as Google Ad Manager.

* [`@frontity/google-ad-manager`](/frontity-packages/features-packages/google-ad-manager.md)
* [`@frontity/smart-adserver`](/frontity-packages/features-packages/smart-ads.md)

### Analytics packages

A set of official Analytics Frontity packages that you can use to easily add analytics services to your project.

* [`@frontity/google-analytics`](/frontity-packages/features-packages/analytics/google-analytics.md)
* [`@frontity/google-tag-manager-analytics`](/frontity-packages/features-packages/analytics/google-tag-manager-analytics.md)
* [`@frontity/comscore-analytics`](/frontity-packages/features-packages/analytics/comscore-analytics.md)

### Comments packages

This package adds support for WordPress' native comments.

* [`@frontity/wp-comments`](/frontity-packages/features-packages/wp-comments.md)

## Community packages

These are other packages for Frontity built by the community that you can use to add new functionality to your site (listed in alphabetical order):

### Contact Form 7

A package developed by Aamodt Group to use the Contact Form 7 plugin with Frontity. It adds improvements and bug fixes to the [previous CF7 package](https://www.npmjs.com/package/frontity-contact-form-7) built by Imran Sayed and Smit Patadiya.

* [`@aamodtgroup/frontity-contact-form-7`](https://www.npmjs.com/package/@aamodtgroup/frontity-contact-form-7)

### ElasticPress

This package created by 10up enhances your Frontity theme by supercharging the search experience with ElasticPress.

* [`@10up/frontity-elasticpress`](https://www.npmjs.com/package/@10up/frontity-elasticpress)

### Gravity Forms

A package developed by Aamodt Group that adds support for the Gravity Forms plugin.

* [`@aamodtgroup/frontity-gravity-forms`](https://www.npmjs.com/package/@aamodtgroup/frontity-gravity-forms)

### Microsoft Clarity

An analytics package created by mtadros to use Microsoft Clarity with Frontity.

* [`frontity-microsoft-clarity`](https://www.npmjs.com/package/frontity-microsoft-clarity)

### WP Job Openings

This package built by Aswm Innovations adds support for WP Job Openings plugin.

* [`@awsmin/frontity-wp-job-openings`](https://www.npmjs.com/package/@awsmin/frontity-wp-job-openings)

{% hint style="info" %}
You can find more community packages by searching for the [`frontity`](https://www.npmjs.com/search?q=keywords:frontity) tag at npmjs.com.
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://api.frontity.org/frontity-packages/features-packages.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.