Elements API
A brief introduction to the Elements templating language
The Elements language is a simple, yet powerful templating language for RapidWeaver Elements, it's often referred to as the Elements API.
The Elements language allows third-party developers to create custom Elements that can be used within the RapidWeaver Elements layout engine. Element Dev Packs (.elementsdevpack) are a bundle of files, usually a mixture of HTML, JS, CSS, JSON, and images.
The only thing you need to start building your own custom Elements is a copy of RapidWeaver Elements. Previous web development experience is recommend, but not required.
What's Required?
The following is a list of suggested tools to make developing Elements easier.
A licensed copy RapidWeaver Elements (Required)
Text editor, we recommend Visual Studio Code.
SF Symbol app for icon name reference.
Sample Code on GitHub
A public repository on GitHub with a growing collection of Element Dev Packs is now available.
Distributing Elements Packs
Dev Packs (.devpack) are for development only. They’re uncompiled and unencrypted, allowing live editing and real-time updates during development.
⚠️ Do not share or sell Dev Packs: They’re not optimised for distribution and can cause performance issues if misused.
✅ Before sharing or selling your work, you must compile it into an Element Pack (.elementpack). These are encrypted, optimised, and safe for distribution.
Developer Community
We have a Component Development area on the Elements Forum — It's open to anyone interested in using or building addons for the RapidWeaver Elements ecosystem.
We're always around to offer help with getting started or if you just need a hand while developing your next great addon for Elements. Come join us, we're a friendly bunch ☺️
Got questions? email [email protected]
Last updated