<?xml version="1.0" encoding="UTF-8"?><oembed><type>video</type><version>1.0</version><html>&lt;iframe src=&quot;https://www.loom.com/embed/31d62993ecd44a7cb45bb59de56d95e7&quot; frameborder=&quot;0&quot; width=&quot;1920&quot; height=&quot;1440&quot; webkitallowfullscreen mozallowfullscreen allowfullscreen&gt;&lt;/iframe&gt;</html><height>1440</height><width>1920</width><provider_name>Loom</provider_name><provider_url>https://www.loom.com</provider_url><thumbnail_height>1440</thumbnail_height><thumbnail_width>1920</thumbnail_width><thumbnail_url>https://cdn.loom.com/sessions/thumbnails/31d62993ecd44a7cb45bb59de56d95e7-1694812546666.jpg</thumbnail_url><duration>378.17</duration><title>Developing New Components | Colony Toolkit</title><description>In this video, I will walk you through the process of developing new components for our component library. I will also show you how to add these components to the repository once they have been built. We will be using a colony project template and following CSS best practices, including using variables and following a specific order for styling. I will also provide tips for spacing elements and writing JavaScript code. By the end of this video, you will have a clear understanding of how to create and integrate new components into our library.</description></oembed>