# 🔥 How to Build Your Own Custom Components

**URL:** <https://forums.realmacsoftware.com/t/how-to-build-your-own-custom-components/43629>\
**Category:** Elements API\
**Created:** [July 2, 2024, 5:15pm UTC](https://forums.realmacsoftware.com/t/how-to-build-your-own-custom-components/43629 "2024-07-02T17:15:06Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [July 2, 2024, 5:15pm UTC](https://forums.realmacsoftware.com/t/how-to-build-your-own-custom-components/43629/1 "2024-07-02T17:15:06Z")

</div>

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 users and 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 Components is a copy of RapidWeaver Elements. Previous web development experience is recommend, but not required!

Head over the [Elements API Guide](https://docs.realmacsoftware.com/elements-docs/elements-language/api-introduction) to learn more.

If you **need any help with getting started** or have a question while creating your own custom components, just [post here](https://forums.realmacsoftware.com/c/rapidweaver-elements/custom-components/56) and we’ll help you out.

## Useful Links

- 🤓 [Getting Started Guide: Building Your First Component](https://docs.realmacsoftware.com/elements-docs/elements-language/api-introduction/getting-started)
- 📖 [Elements Language/API Docs](https://docs.realmacsoftware.com/elements-docs/elements-language/api-introduction)
- 🧑‍💻 [Component Code Examples on GitHub](https://github.com/realmacsoftware/RWElementDevPacks/tree/main)
- 📺[Elements Developer Guide Playlist on YouTube](https://www.youtube.com/playlist?list=PLlqV01jBZsjCcBBDqDsmzvbKqxc1PkbOW)

---

<div class="post-metadata">

**Author:** ![rashley](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/rashley/32/33479_2.png) [@rashley](https://forums.realmacsoftware.com/u/rashley)\
**Post date:** [January 1, 2026, 12:30am UTC](https://forums.realmacsoftware.com/t/how-to-build-your-own-custom-components/43629/2 "2026-01-01T00:30:38Z")

</div>

I am trying to create a component similar to one from RW8 Stacks.  
I would like it to have:

- the background color selectable and opacity adjustable.
- border roundness adjustable
- Images drop zoned
- drop shadow available

I’ve been able to get some of the features to work but background opacity dimmed the entire component .

I would appreciate and help

project: elementsapp://downloadDocument/9biTA0ZPbX86

reference website [Adaptivetherapiesnm.com](http://Adaptivetherapiesnm.com)

thanks in advance for your help.

rashley