# Themes Packages

Themes packages are those packages that contain the React project used to render the final output (in both client-side and server-side).

With Frontity, you can build your own theme from scratch to match all your project's needs, or use a ready-to-use one, which will make your work easier. You can even install a starter theme and keep working on top of it.

Basically it's the same as WordPress, just keep working as you usually do.

## Official themes

These are the official themes available for your Frontity project:

### `Mars Theme`

Mars theme is a starter theme meant for you to learn some of Frontity's basic functionalities and how to use them. We usually recommend it if this is your first time using the framework.

* [Live demo](https://mars.frontity.org/)
* [GitHub repository](https://github.com/frontity/frontity/tree/dev/packages/mars-theme)
* [npm package](https://www.npmjs.com/package/@frontity/mars-theme)

More information about this theme can be found in the [`@frontity/mars-theme`](https://api.frontity.org/frontity-packages/themes-packages/frontity-mars-theme) page. To learn more about how both Frontity and Mars theme work, check out the [Understanding Mars Theme](https://docs.frontity.org/guides/understanding-mars-theme-1) guide.

### `Twenty Twenty Frontity Theme`

The Twenty Twenty default WordPress theme was included in WordPress 5.3 and ported over to Frontity by the software engineer and designer Segun Adebayo.

* [Live demo](https://twentytwenty.frontity.org/)
* [GitHub repository](https://github.com/frontity/frontity/tree/dev/packages/twentytwenty-theme)
* [npm package](https://www.npmjs.com/package/@frontity/twentytwenty-theme)

More information about this theme can be found in the [`@frontity/twentytwenty-theme`](https://api.frontity.org/frontity-packages/themes-packages/frontity-twentytwenty-theme) page.

## Community themes

These are other public themes for Frontity built by the community that you can use as a starting point to build your next website or blog (listed in alphabetical order):

### `AG Tech - Frontity Theme`

Built by Aamodt Group, this starter theme packs support for Gutenberg, dark mode and fetching menus from WordPress. You can take a look at [Aamodt Group's website](https://aamodtgroup.com/) to see it in action.

* [GitHub repository](https://github.com/aamodtgroup/aamodtgroup)
* [npm package](https://www.npmjs.com/package/@aamodtgroup/agtech)

### `AWSM F1 - Frontity Theme`

A starter theme created by the Aswm Innovations team which includes support for the most common Gutenberg blocks and for the [WP Job Openings plugin](https://github.com/awsmin/frontity-wp-job-openings#readme), among other features.

* [Live demo](https://awsm-theme.vercel.app/)
* [GitHub repository](https://github.com/awsmin/f1)
* [npm package](https://www.npmjs.com/package/@awsmin/f1)

### `Copacetic Frontity Theme`

A theme developed by Taylor White and built off the Frontity Chakra Theme. You can see it in action on his [website](https://taylorchasewhite.com/).

* [GitHub repository](https://github.com/taylorchasewhite/tcw-frontity/)
* [npm package](https://www.npmjs.com/package/@taylorwhite/copacetic-frontity-theme)

### `Forgotten Developer - A terminal-like theme for Frontity`

Created by Divaksh Jain, this is a minimalist and lightweight theme for Frontity with a terminal-like design. Visit [Divaksh's blog](https://divaksh.com/) to see it in action.

* [GitHub repository](https://github.com/Divaksh/forgotten-developer)
* [npm package](https://www.npmjs.com/package/forgotten-developer)

### `Fourothree Theme`

Fourothree is a theme package for Frontity based on [403page.com](https://403page.com/) and developed by 403Page Labs. It started its life as Twenty Twenty theme.

* [GitHub repository](https://github.com/403pagelabs/fourothree-theme)
* [npm package](https://www.npmjs.com/package/@fourothreepage/fourothree-theme)

### `Frontity Chakra Theme`

A Frontity theme made with the Chakra UI React Component Library. Built by the creator of Chakra UI Segun Adebayo, the theme is suited for blogs that make a heavy use of images.

* [Live demo](https://frontity-chakra.vercel.app/)
* [GitHub repository](https://github.com/chakra-ui/frontity-chakra-ui-theme)
* [npm package](https://www.npmjs.com/package/frontity-chakra-theme)

### `Frontity Dimension Theme`

This is a fully responsive Frontity theme designed by HTML5 UP and implemented by Matnard. It uses `react-transition-group` to orchestrate the animations.

* [Live demo](https://dimension-matnard.vercel.app/)
* [GitHub repository](https://github.com/Matnard/frontity-dimension-theme)
* [npm package](https://www.npmjs.com/package/@matnard/dimension-theme)

### `Frontity Starter Theme`

A starter theme for Frontity created by Alexandra Spalato. It's styled with Theme UI and comes with built-in search and dark mode, among other features.

* [Live demo](https://frontity-starter-theme.alexadark.vercel.app/)
* [GitHub repository](https://github.com/alexadark/frontity-starter-theme)
* [npm package](https://www.npmjs.com/package/frontity-starter-theme)

### `Twenty Nineteen Frontity Theme`

The popular Twenty Nineteen WordPress theme was ported over to Frontity by Imran Sayed and Smit Patadiya. It primarily suits blogs, but can be adaptable to a wide range of websites.

* [Live demo](https://twentynineteen.frontity.org/)
* [GitHub repository](https://github.com/imranhsayed/frontity-twentynineteen)
* [npm package](https://www.npmjs.com/package/@frontity/twentynineteen-theme)

{% hint style="info" %}
You can find all the available Frontity themes looking for the [`frontity-theme`](https://www.npmjs.com/search?q=keywords:frontity-theme) tag at npmjs.com. In order to make your theme available to the community, we recommend that you follow these [best practices](https://docs.frontity.org/guides/how-to-share-a-frontity-project).
{% endhint %}

If you'd like to see more projects powered by Frontity and WordPress, please visit the [Showcase page](https://frontity.org/showcase/).