Elements

Reapit Elements is a React component library for building digital experiences that feel native to our platform.

What is Elements?

Elements is a React component library that implements Reapit's Design System. Reapit's own products use Elements extensively and if you are building a React app that integrates with one, it enables you to deliver an experience that looks and feels native to our platform.

Elements DSdesign.reapit.cloud

Elements Design System documentation

storybook - Storybookelements.reapit.cloud

Elements component library Storybook

v5 represents a significant rewrite. In many cases, v4 components are still available, though deprecated, so you can incrementally adopt their replacements. Codemods are available for those that have been fully removed. The changelog is available, as well as a dedicated v5 migration guide.

MCP servers

The Design System and component library documentation are both available via MCP. The Getting Started guide provides details on how to provide access to your agents.

v4 maintenance mode

With the release of v5, Elements v4 has entered maintenance mode. Support is now limited to security patches and regressions.

v4 will remain in maintenance mode until the next major release. It will then become end-of-life.

The deprecated v4 components still available in v5 are planned for removal at the next major release. Consumers are encouraged to migrate to their replacements. Codemods will be provided where feasible to aid in this work.

Migrating from earlier versions

Elements v1, v2 and v3 are all end-of-life and no longer supported. Consumers still using those versions are encouraged to upgrade to v5.

The v3 to v4 migrate migration guide is available in the v4 docs and the full set of changes can be seen in the v4 changelog.

The v1/v2 to v3 migration involves many breaking changes. See the v2 to v3 migration guide for more information.