# 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/). --- # 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/themes-packages.md?ask= ``` 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.