API Reference
  • Introduction
  • 💻CLI Commands
    • Create commands
      • create
      • create-package
    • Run commands
      • dev
      • serve
    • Build commands
      • build
    • Extra commands
  • 🍱Packages
    • 💙Core package
      • frontity
    • ⚡Features packages
      • @frontity/wp-source
      • @frontity/tiny-router
      • @frontity/html2react
      • @frontity/head-tags
      • @frontity/yoast
      • @frontity/google-ad-manager
      • @frontity/smart-adserver
      • analytics packages
        • @frontity/google-analytics
        • @frontity/google-tag-manager-analytics
        • @frontity/comscore-analytics
      • @frontity/wp-comments
    • 📚Collections packages
      • @frontity/components
      • @frontity/hooks
        • Infinite Scroll Hooks
        • Intersection Observer Hooks
    • 🎨Themes Packages
      • @frontity/twentytwenty-theme
      • @frontity/mars-theme
  • 🔌WordPress Plugins
    • REST API - Head Tags
    • Frontity Embedded Mode
Powered by GitBook
On this page
  • Official themes
  • Mars Theme
  • Twenty Twenty Frontity Theme
  • Community themes
  • AG Tech - Frontity Theme
  • AWSM F1 - Frontity Theme
  • Copacetic Frontity Theme
  • Forgotten Developer - A terminal-like theme for Frontity
  • Fourothree Theme
  • Frontity Chakra Theme
  • Frontity Dimension Theme
  • Frontity Starter Theme
  • Twenty Nineteen Frontity Theme

Was this helpful?

  1. Packages

Themes Packages

PreviousIntersection Observer HooksNext@frontity/twentytwenty-theme

Last updated 3 years ago

Was this helpful?

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.

More information about this theme can be found in the page. To learn more about how both Frontity and Mars theme work, check out the 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.

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

AWSM F1 - Frontity Theme

Copacetic Frontity Theme

Forgotten Developer - A terminal-like theme for Frontity

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.

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.

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.

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.

More information about this theme can be found in the page.

Built by Aamodt Group, this starter theme packs support for Gutenberg, dark mode and fetching menus from WordPress. You can take a look at to see it in action.

A starter theme created by the Aswm Innovations team which includes support for the most common Gutenberg blocks and for the , among other features.

A theme developed by Taylor White and built off the Frontity Chakra Theme. You can see it in action on his .

Created by Divaksh Jain, this is a minimalist and lightweight theme for Frontity with a terminal-like design. Visit to see it in action.

Fourothree is a theme package for Frontity based on and developed by 403Page Labs. It started its life as Twenty Twenty theme.

You can find all the available Frontity themes looking for the tag at npmjs.com. In order to make your theme available to the community, we recommend that you follow these .

If you'd like to see more projects powered by Frontity and WordPress, please visit the .

🍱
🎨
Live demo
GitHub repository
npm package
@frontity/mars-theme
Understanding Mars Theme
Live demo
GitHub repository
npm package
@frontity/twentytwenty-theme
Aamodt Group's website
GitHub repository
npm package
WP Job Openings plugin
Live demo
GitHub repository
npm package
website
GitHub repository
npm package
Divaksh's blog
GitHub repository
npm package
403page.com
GitHub repository
npm package
Live demo
GitHub repository
npm package
Live demo
GitHub repository
npm package
Live demo
GitHub repository
npm package
Live demo
GitHub repository
npm package
frontity-theme
best practices
Showcase page