← Websites 🔗

Link-in-Bio Page

Your own Linktree clone - one page, one avatar, and a stack of beautifully styled links.

🟢 EasyDifficulty

1-2 hoursTime

JavaScript, TypeScriptLanguages

What you're building

A personal 'link in bio' page just like the ones creators put in their Instagram or TikTok profile: an avatar, a name and bio, and a vertical stack of link buttons rendered from a data array, each with a hover animation and its own icon. A click counter even tracks which links get the most clicks.

What you'll unlock 🔓

LayoutAnimationsData-driven Rendering

You'll need

Basic HTML
Basic CSS

🗺️ Build roadmap

01 Build the profile header → 02 Create the link data array → 03 Render the link buttons → 04 Add hover animations → 05 Add click tracking with localStorage → 06 Add a theme color picker → 07 Polish and finish

🔒

Log in to start building

Your first project is free -- create an account to unlock it.