Link in Bio React Component | Framer Motion Scroll Animations | Editable UX Design for Creators
A mobile-first, fully editable Link-in-Bio page built in React with Framer Motion for smooth card entrance animations and a bouncing scroll-hint chevron. Designed for content creators, influencers, and small businesses who want a professional alternative to generic bio-link tools.UX Design highlights: 44×44px minimum touch targets on every link card, cursor-pointer on all interactive elements, smooth scroll behavior, and a stat bar that showcases follower count, views, and ratings at a glance. Card hover states lift 3px with a shadow transition at 200ms — subtle but unmistakably premium.Stagger animation system loads each link card sequentially with delayChildren and staggerChildren, creating a cascade effect that feels intentional, not accidental. Avatar, stats, and social pills all fade in independently for a layered reveal.Fully customizable: update LINKS and SOCIALS arrays to add or remove entries in seconds. Bodoni Moda + Jost Google Fonts give it a luxury-minimalist feel that stands out.What you get:- Single JSX file, zero config needed- Framer Motion stagger + fade entrance- Animated bouncing scroll indicator- Mobile-first responsive layout- Accessible link structure with aria-labels- Copy-paste ready for any React or Next.js project
Get it → kimyager.gumroad.com