UIPlayground - is a UI library that allows you to present and demonstrate any other library and your custom components.

With the help of UIP components we allow you to 'play' with a component.

You can choose from the variety of component's templates, play with the component's settings or even change its markup!

Get Started with
Value: 100
Dark gray
Switch direction
LTR
 
<div class="logo-content gray-clr">
  <a class="get-started" href="/ui-playground/general/getting-started/">
    <span>Get Started with</span>
    <div>
      <svg width="100" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 268 268">
        <circle cx="135" cy="134" r="116" fill="none" stroke-width="10"></circle>
        <path d="M91.308 106.971 64.53 133.749l26.95 26.949a8 8 0 0 1-11.315 11.314l-32.508-32.509a8 8 0 0 1 0-11.313c.418-.418.87-.78 1.348-1.086a8.028 8.028 0 0 1 1.37-1.827l29.62-29.62a8 8 0 0 1 11.313 11.314ZM157.992 110.124l-13.856-8-30 51.962 13.856 8 30-51.962ZM113.136 155.818l13.856 8-14.928 9.856 1.072-17.856ZM158.064 94a8 8 0 0 0-10.928 2.928l-2 3.464 13.856 8 2-3.464A7.999 7.999 0 0 0 158.064 94ZM221.124 140.564a8 8 0 0 0 1.348-12.398l-32.509-32.51a8 8 0 0 0-11.314 11.315l26.95 26.949-26.778 26.778a8 8 0 0 0 11.313 11.314l29.621-29.62a8.007 8.007 0 0 0 1.369-1.828Z"></path>
      </svg>
    </div>
  </a>
</div>