<div align="center">

# Didroom components

### Omni components library for the didroom identity solution

</div>

<p align="center">
   <img src="https://github.com/ForkbombEu/DIDroom/raw/main/images/DIDroom_logo.png" width="370">
</p>
Standard web components with efficient one-way data binding, an asynchronous rendering pipeline (similar to React Fiber), and lazy-loading out of the box, and generates 100% standards-based Web Components that run in any browser and mobile supporting the Custom Elements v1 spec.


---
<br><br>

<div id="toc">

### 🚩 Table of Contents

- [🎮 Quick start](#-quick-start)
- [💄 Whitlable](#-whitelable)
- [🚑 Community & support](#-community--support)
- [😍 Acknowledgements](#-acknowledgements)
- [👤 Contributing](#-contributing)
- [💼 License](#-license)

</div>

***
## 🎮 Quick start

It's super easy starting template as follows:

```html
<!doctype html>
<html dir="ltr" lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0" />
    <script type="module" src="https://cdn.jsdelivr.net/npm/@didroom/components/dist/didroom-components/didroom-components.esm.js"></script>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@didroom/components/dist/didroom-components/didroom-components.css"/>
  </head>

  <body style="padding: 25px">
    <didroom-avatar size="xl" src="https://api.dicebear.com/7.x/open-peeps/svg" />
  </body>
</html>

```

for the list of all the components docs:

[CLICK HERE TO START USING ME](https://forkbombeu.github.io/didroom-components/)

***
## 💄 Whitelable

please refer to [./docs/CHANGE_THEME.md](./docs/CHANGE_THEME.md)

***
## 🚑 Community & support

**[📝 Documentation](#toc)** - Getting started and more.

**[🌱 Ecosystem](https://forkbomb.solutions/solution/didroom/)** - W3C-DID Dyne, Signroom, Zenroom, Didroom

**[🚩 Issues](../../issues)** - Bugs end errors you encounter using didroom-components.

**[[] Matrix](https://socials.dyne.org/matrix)** - Hanging out with the community.

**[🗣️ Discord](https://socials.dyne.org/discord)** - Hanging out with the community.

**[🪁 Telegram](https://socials.dyne.org/telegram)** - Hanging out with the community.

**[🔝 back to top](#toc)**


***
## 😍 Acknowledgements

Copyleft 🄯 2024 by [Forkbomb](https://www.forkbomb.eu) BV, Amsterdam

Designed by Micol Salomone and Ayse Mete coded by Ennio Donato, Puria Nafisi Azizi and Matteo Cristino

**[🔝 back to top](#toc)**

***
## 👤 Contributing

Please first take a look at the our [Contributor License Agreement](CONTRIBUTING.md) then

1.  🔀 [FORK IT](../../fork)
2.  Create your feature branch `git checkout -b feature/branch`
3.  Commit your changes `git commit -am 'feat: New feature\ncloses #398'`
4.  Push to the branch `git push origin feature/branch`
5.  Create a new Pull Request `gh pr create -f`
6.  🙏 Thank you


**[🔝 back to top](#toc)**

***
## 💼 License
    Didroom standalone microservices
    Copyleft 🄯 2024 Forkbomb BV, Amsterdam

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU Affero General Public License as
    published by the Free Software Foundation, either version 3 of the
    License, or (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU Affero General Public License for more details.

    You should have received a copy of the GNU Affero General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.

**[🔝 back to top](#toc)**
