Volto - the default Plone 6 frontend

<img align="right" width="300" alt="Volto logo png" src="https://raw.githubusercontent.com/plone/volto/HEAD/logos/VoltoLogoEra2.png#gh-light-mode-only" /> <img align="right" width="300" alt="Volto logo png" src="https://raw.githubusercontent.com/plone/volto/HEAD/logos/VoltoLogoEra2-dark-mode.png#gh-dark-mode-only" />

Introduction

Volto is a React-based frontend for the Plone Content Management System. It is the default frontend starting with the Plone 6 release.

Plone is a CMS built on Python with more than 20 years of history and experience.

Plone has features that appeal to developers and users alike, such as an intuitive editing interface, customizable content types, hierarchical organization, and a sophisticated permissions model. This allows you to build anything from simple websites to enterprise-grade intranets.

Volto exposes all these features and communicates with Plone via its REST API.

Volto features the Pastanaga editor, a modern block-based content layout editor. It is extensible and customizable, so you can adapt the provided default blocks to meet your requirements, or build new ones.

Volto is extensible using add-ons. You can build your own or choose from the community released ones:

• Volto Add-ons in NPM
• Volto Awesome

Demo

You can try a Volto online demo at https://demo.plone.org/.

Monorepo structure

Since version 18.0.0-alpha4, the Volto core repository has had the shape of a monorepo, where "mono" means "single" and "repo" is short for "repository". This means that several apps and libraries related to each other are stored in the same repository. They are managed together but released individually. This allows the code to be shared effectively, and unifies tracking of changes across all of the apps and libraries.

| Package | Location | |---|---| | @plone/client | packages/client | | @plone/components | packages/components | | @plone/registry | packages/registry | | @plone/scripts | packages/scripts | | @plone/types | packages/types | | @plone/volto-slate | packages/volto-slate |

See also Monorepo structure.

Create a Volto project

To start a new project using Volto, follow the Plone installation documentation.

Documentation

You can find the latest documentation at https://6.docs.plone.org/.

For links to trainings and videos, see Other learning resources.

Supported Plone, Python, and Plone REST API versions

See Plone, Python, and Plone REST API compatibility

See the Plone Release Schedule for details of maintenance and support.

Supported Node.js versions

See Node.js version policy.

Supported browsers

See Supported browsers.

Contributing

To contribute to the Volto project by writing code, documentation, translations, and so on, please read Contributing to Plone and Contributing to Volto.

For newcomers to Volto, Plone, or open source software, you must read and follow First-time contributors.

Since December 2023, this repository has a monorepo structure. Volto itself is treated as a library and you can find it in the packages/volto folder.

Contributors

<a href="https://github.com/plone/volto/graphs/contributors"> <img src="https://contrib.rocks/image?repo=plone/volto" /> </a>

License

MIT License. Copyrights held by the Plone Foundation.

See LICENSE.md for details.

Volto in production

Volto has been actively developed since 2017. It has been used in production since 2018 on numerous websites.

The authoritative source of the list of Volto websites in production is maintained at Awesome Volto.

The Plone Marketing Team copy-pastes its content on a quarterly basis into They use Plone 6.

To ensure your website gets the greatest exposure, add it both to Awesome Volto and this README.

• ASP Area Nord (Website of the Public company of personal services of the Modena municipalities in the north area. Developed by RedTurtle, 2021)
• Baccanale Imola (Baccanale is a food fair that happens every year in Imola, Italy. Developed by RedTurtle, 2020)
• Biblioteche Pianura Est (Website of the Associated libraries of eastern plain. Developed by RedTurtle, 2021)
• BISE (Biodiversity Information System for Europe, developed by Eau de Web, 2019)
• Camera di Commercio dell'Umbria (Website Chamber of Commerce of Umbria. Developed by RedTurtle, 2021)
• Camera di Commercio di Reggio Emilia (Website Chamber of Commerce of Reggio Emilia. Developed by RedTurtle, 2021)
• Comune di Camposanto (Website of the Municipality of Camposanto. Developed by RedTurtle, 2021)
• Comune di Cantagallo (Website of the Municipality of Cantagallo. Developed by RedTurtle, 2021)
• Comune di Medolla (Website of the Municipality of Medolla. Developed by RedTurtle, 2021)
• Comune di Mirandola (Website of the Municipality of Mirandola. Developed by RedTurtle, 2021)
• Comune di Modena (Website of the Municipality of Modena. Developed by RedTurtle, 2020)
• Comune di San Possidonio (Website of the Municipality of San Possidonio. Developed by RedTurtle, 2021)
• Comune di Vaiano (Website of the Municipality of Vaiano. Developed by RedTurtle, 2021)
• Comune di Vernio (Website of the Municipality of Vernio. Developed by RedTurtle, 2021)
• Copernicus In-Situ (Copernicus In-Situ compiles and provides high-quality ground, sea and airborne observation and geospatial reference data to support the Copernicus services. Developed by Eau de web for the European Environmental Agency, 2025)
• Copernicus Land Monitoring Service (The Copernicus Land Monitoring Service (CLMS) delivers high-quality geospatial information on land cover, land use changes, vegetation state, the water cycle and Earth's surface energy variables. Developed by CodeSyntax and Eau de web for the European Environmental Agency, 2023)
• Debabarreneko mankomunitatea (Website of the Commonwealth of Debabarrena, community of municipalities to centralize waste handling services, developed by CodeSyntax, 2022)
• Debako Udala / Ayuntamiento de Deba (Website of the municipality of Deba, developed by CodeSyntax, 2022)
• European Environment Agency (Website of the European Environment Agency. Developed by Eau de Web, 2023)
• [Film Basque Country](http