Derpy UTM Builder

My take on UTM Campaign URL Builder to make life a bit easier, made with Svelte, Tailwind & Snowpack

Blog Post

Derpy UTM Builder: A Campaign URL Builder made with Svelte, Tailwind & Snowpack

Tech Used

See blog post, for links to everything.

1. Snowtail.
2. Svelte.
3. Snowpack.
4. Tailwind CSS.
5. Hero Icons.
6. Canvas Confetti & izi Toast for fun. 😜

Features

• Formatters to enforce a certain standard. (Title Case, lower case, Plus+Case, plausible+case, kebab-case, snake_case, fREe+CaSE, fReE FoRm)
• LocalStorage Persistence.
• Intuitive Design.
• Common Campaign Name & Terms.
• Mandatory UTM Params.
• Ability to Insert / Delete rows at any location.
• Live Updates.
• Notification & Confetti on URL Copy Click.
• Custom Drop Down for each field, with ability to Store / Edit / Delete inputs.
• Import. (CSV, RSS, JSON)
• Export. (CSV, JSON)
• URL Shortener. (TinyURL, Bit.ly)