twentytwentyone

(★ 177)

Ongoing development of Twenty Twenty-One, the new default WordPress theme slated for 5.6.

File Explorer

Download Latest Version (.zip)

- - block-test-report.md
  - block_test.md
  - bug_report.md
- - build.yml
  - lint.yml
  - stylelint.yml
- PULL_REQUEST_TEMPLATE.md
- - custom-color-overrides.css
  - ie-editor.css
  - ie.css
  - print.css
  - style-dark-mode-rtl.css
  - style-dark-mode.css
  - style-editor-customizer.css
  - style-editor.css
- - Daffodils.jpg
  - in-the-bois-de-boulogne.jpg
  - playing-in-the-sand.jpg
  - Reading.jpg
  - roses-tremieres-hollyhocks-1884.jpg
  - self-portrait-1885.jpg
  - the-garden-at-bougival-1884.jpg
  - villa-with-orange-trees-nice.jpg
  - young-woman-in-mauve.jpg
- - customize-helpers.js
  - customize-preview.js
  - customize.js
  - dark-mode-toggler.js
  - editor-dark-mode-support.js
  - editor.js
  - palette-colorpicker.js
  - polyfills.js
  - primary-navigation.js
  - responsive-embeds.js
  - skip-link-focus-fix.js
- - style-dark-mode.scss
  - style-editor.scss
  - style.scss
- class-twenty-twenty-one-custom-colors.php
- class-twenty-twenty-one-customize-color-control.php
- class-twenty-twenty-one-customize-notice-control.php
- class-twenty-twenty-one-customize.php
- class-twenty-twenty-one-dark-mode.php
- class-twenty-twenty-one-svg-icons.php
- back-compat.php
- block-patterns.php
- block-styles.php
- custom-css.php
- menu-functions.php
- starter-content.php
- template-functions.php
- template-tags.php
- - content-excerpt.php
  - content-none.php
  - content-page.php
  - content-single.php
  - content.php
- - excerpt-aside.php
  - excerpt-audio.php
  - excerpt-chat.php
  - excerpt-gallery.php
  - excerpt-image.php
  - excerpt-link.php
  - excerpt-quote.php
  - excerpt-status.php
  - excerpt-video.php
  - excerpt.php
- - footer-widgets.php
- - entry-header.php
  - excerpt-header.php
  - site-branding.php
  - site-header.php
  - site-nav.php
- - author-bio.php
.editorconfig
.eslintignore
.eslintrc
.gitattributes
.gitignore
.stylelintignore
.stylelintrc-css.json
.stylelintrc.json
.wp-env.json
404.php
archive.php
comments.php
composer.json
composer.lock
CONTRIBUTING.md
CONTRIBUTORS.md
footer.php
functions.php
header.php
image.php
index.php
LICENSE
package-lock.json
package.json
page.php
phpcs.xml.dist
phpstan.neon
postcss.config.js
README.md
readme.txt
screenshot.png
search.php
searchform.php
single.php
style-rtl.css
style.css

# Installation Guide

1. Get the code

git clone https://github.com/WordPress/twentytwentyone

Downloads the entire project code from GitHub to your computer.

cd twentytwentyone

Moves into the project folder you just downloaded.

2. Node.js

Easy Recommended

Prerequisites

Git Needed to download the project code from GitHub.
Node.js Node.js must be installed to use npm. The LTS version is recommended.

npm install

Downloads and installs the libraries listed in package.json.

npm start

Starts the development/run server.

✅ After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.

3. PHP (Composer)

Easy

Prerequisites

Git Needed to download the project code from GitHub.
PHP A PHP runtime is required.
Composer The package manager used to install PHP libraries.

composer install

Installs the PHP libraries listed in composer.json.

✅ Run it with a built-in server like php -S localhost:8000, then open http://localhost:8000 in your browser.