Dot Line
Dot lettering with adjustable size, connections and outlines. Hover to move the dots; they keep their space and return home.
Hover over the dots, or press and move on touch screens.
Dot size is the diameter as a percentage of the grid spacing.
Try a style
Open source · MIT
Use it on your website
Your text and settings are already included.
- Copy the embed
Use the button below.
- Paste into your page
Add it to an HTML or embed block.
- Publish and play
Your visual is ready to interact with.
<script src="https://kraft.team/components/assets/dot-line/1.1.1/component.js" defer></script>
<dot-line text="Robot"></dot-line>Adjust the playground above to update your embed. Add the script once, then use the element wherever you want the visual.