Desktop Design

Active States

Mobile Design

URL shortening API landing page

<form class="sc-fd798fa2-0 hHRlcL"><div><input type="text" placeholder="Shorten a link here..."></div><button radius="0.45rem" type="submit" loading="false" class="sc-fa6856a1-0 rzuQN">Shorten It!</button></form>

<p>Track how your links are performing across the web with our advanced statistics dashboard.</p>

<p>Boost your brand recognition with each click. Generic links don't mean a thing. Branded links instil confidence in your content.</p>

<p>Gain insights into who is clicking your links. Knowing when and where people engage with your content helps inform better decisions.</p>

<p>Improve brand awareness and content discoverability through customizable links, supercharging engagement.</p>

<section id="cta"><h2>Boost Your links today</h2><button radius="2rem" class="sc-fa6856a1-0 guyShW">Get Started</button></section>

apis.com`><link rel=`preconnect` href=`https://fonts.gstatic.com` crossorigin=`true`><meta

>Login</a><button radius=`2rem` class=`sc-fa6856a1-0 guyShW`>Sign U

Log in</a><button radius=`2rem` class=`sc-fa6856a1-0 guyShW`>Sign U

orming</p><button radius=`2rem` class=`sc-fa6856a1-0 guyShW`>Get St

..`></div><button radius=`0.45rem` type=`submit` loading=`false` class=`sc-fa6856a1-0 rzuQN`>Shorte

today</h2><button radius=`2rem` class=`sc-fa6856a1-0 guyShW`>Get St

Please log in to post a comment

Community feedback

URL shortening API landing page Using NextJS and Styled Components

Solution retrospective

Please log in to post a comment

Community feedback

Join our Discord community