Introducing Twenty Nineteen Frontity Theme
Tags: react, wordpress, javascript, webdev
Published: 2019-07-30 14:31:38

---
title: Introducing Twenty Nineteen Frontity Theme
published: true
description: We are happy to announce that the Twenty Nineteen WordPress theme is now available as a free Frontity theme!
cover_image: https://wp.frontity.org/wp-content/uploads/2019/07/twenty-nineteen-frontity-theme.png
canonical_url: https://frontity.org/blog/introducing-twenty-nineteen-frontity-theme/
tags: react, wordpress, javascript, webdev
---

_[Frontity](https://frontity.org/?utm_source=dev.to&utm_medium=twenty-nineteen-blog-post&utm_campaign=twenty-nineteen-release) is a free and open source framework for building headless WordPress sites using React. Check out our [introductory post](https://dev.to/frontity/frontity-a-react-framework-to-create-wordpress-themes-f9e) here._

----

We are happy to announce that the **Twenty Nineteen** WordPress theme is now available as a free Frontity theme.

The popular Twenty Nineteen theme has been **ported over to Frontity** by [Imran Sayed](https://github.com/imranhsayed) and [Smit Patadiya](https://github.com/smit-patadiya), both active contributors to the WordPress and the Frontity community.

If you are new to Frontity, this pre-made theme will allow you to get your Frontity site up and running easily. It primarily suits blogs, but can be adaptable to a wide range of websites.

You can see the Twenty Nineteen Frontity Theme in action [here](https://twentynineteen.frontity.org/).

Smit Patadiya also shared on Twitter a speed and performance comparison between the Twenty Nineteen default WordPress theme in PHP and the Frontity theme in React. You can [check it out here](https://twitter.com/smit_patadiya/status/1148992993933713409?s=20).


### Installation

You can install the Twenty Nineteen Frontity Theme like other published packages in Node using `npm`. To do so, run this command in your terminal:

`npm install @frontity/twentynineteen-theme`

Then add the package to the `frontity.settings.js` file.

For more information, please refer to the [GitHub repository](https://github.com/imranhsayed/frontity-twentynineteen) and this guide on [how to install a new Frontity package](https://docs.frontity.org/guides/install-a-new-package).

### Resources

To learn more about the Twenty Nineteen theme and Frontity, check these resources out:

*   [GitHub repo](https://github.com/imranhsayed/frontity-twentynineteen) for Twenty Nineteen Frontity Theme.
*   [Live demo](https://twentynineteen.frontity.org/) of the Twenty Nineteen Frontity Theme.
*   [Video tutorial](https://youtu.be/i1LaEDv0PNk) on how to setup and customize the theme by [Imran Sayed](https://twitter.com/imranhsayed).
*   [Video tutorial](https://youtu.be/xvOiya9ODg4) in Spanish on how to setup the theme by [Domini Code](https://twitter.com/domini_code).
*   [How to install a new Frontity package](https://docs.frontity.org/guides/install-a-new-package)
*   [Frontity's step-by-step tutorial](https://tutorial.frontity.org/)

As always, feel free to [reach out](https://community.frontity.org/) with any questions you might have.

A huge **thank you** to Smit and Imran for this contribution and their amazing work on this theme! 💙

_Originally published at [frontity.org/blog](https://frontity.org/blog/introducing-twenty-nineteen-frontity-theme/?utm_source=dev.to&utm_medium=twenty-nineteen-blog-post&utm_campaign=twenty-nineteen-release)._