Widget Builder

Create a customizable unit converter widget for your website

Configuration

Colors

Primary Color

Accent Color

Background Color

Text Color

Label Color

Background Opacity

100%

Dimensions

Width

Use auto or a positive size up to 2000px, 125rem, or 100%.

Minimum height

Use auto or a positive size up to 2000px, 125rem, or 100%.

Language

Padding

Show/Hide Elements

Show TitleShow Swap ButtonShow Copy Button

Style Options

Border Radius

Font Size

Box Shadow

Advanced Options

Enable AnimationsCompact Mode

Preview

Loading preview…

Embed Code

<!-- Unitconvr Widget -->
<div data-unitconvr-widget=""
     data-category="length"
     data-theme="light"
     data-primary-color="#2563eb"
     data-accent-color="#0d9488"
     data-background-color="#ffffff"
     data-text-color="#111827"
     data-label-color="#6b7280"
     data-background-opacity="100"
     data-width="100%"
     data-height="400px"
     data-language="en"
     data-padding="16"
     data-border-radius="8"
     data-font-size="medium"
     data-box-shadow="small"
     data-show-title="true"
     data-show-swap="true"
     data-show-copy="true"
     data-animation-enabled="true"
     data-compact-mode="false"></div>
<script src="https://widgets.unitconvr.com/v1/widget.min.js" async></script>
<!-- End Unitconvr Widget -->

How to Use

1. Choose your converter category
2. Customize the appearance
3. Copy the embed code
4. Paste it into your website