#fediversedevs — Public Fediverse posts
Live and recent posts from across the Fediverse tagged #fediversedevs, aggregated by home.social.
-
Micro-interactions aren't decoration — they're feedback. Tiny animations answering: 'Was my click registered?', 'Is my work safe?', 'Where am I going?'.
Premium product feel comes from how the surface responds, not how it looks at rest. 120ms hover, 200ms transition, zero layout shift, skeleton over spinner, reduced-motion honored.
GrowthSite Lab.
-
A medspa redesign concept built around a single editorial cover plate that replaces the need for prospect-specific photography.
Same client photos, different positioning: cream/champagne/ink palette, Cormorant Garamond serif display, 5-section narrative arc — Hero, Trust, Services, Before-After, CTA. Vite + React 18 + Tailwind v4 + Framer Motion 11. 97 KB gzip total bundle, 1.4s mobile load.
Built by GrowthSite Lab.
#WebDev #ReactJS #TailwindCSS #FramerMotion #FediverseDevs #UIUX
-
Micro-interactions aren't decoration — they're feedback. Tiny animations answering: 'Was my click registered?', 'Is my work safe?', 'Where am I going?'.
Premium product feel comes from how the surface responds, not how it looks at rest. 120ms hover, 200ms transition, zero layout shift, skeleton over spinner, reduced-motion honored.
GrowthSite Lab.
-
A hero section is a 5-second contract.
Headline answers 'what do I get'. Subhead answers 'why now'. One CTA — never two. One trust signal above the fold. Numbers beat adjectives.
Found this rule by auditing 50+ funded SaaS landings. The median sits between 50-70 on mobile Lighthouse — and the hero is where the bleeding starts.
GrowthSite Lab.
-
A SaaS landing built around the Command Palette as a conversion surface — not decoration.
CMDK wired to live state, streaming AI responses, R3F dashboard backdrop running off the main thread. Lighthouse 96 mobile · LCP 1.6s · CLS 0.03.
Stack: Next.js 15 App Router · Tailwind v4 @Theme · Framer Motion 12 · Vercel AI SDK. Performance budget enforced in CI. Built by GrowthSite Lab.
-
A hero section is a 5-second contract.
Headline answers 'what do I get'. Subhead answers 'why now'. One CTA — never two. One trust signal above the fold. Numbers beat adjectives.
Found this rule by auditing 50+ funded SaaS landings. The median sits between 50-70 on mobile Lighthouse — and the hero is where the bleeding starts.
GrowthSite Lab.