#framermotion — Public Fediverse posts
Live and recent posts from across the Fediverse tagged #framermotion, 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.
-
Tác giả tạo bộ thành phần & mẫu thiết kế **Next.js** miễn phí, tập trung vào hiệu quả công việc. Bao gồm: mẫu giao diện hoàn chỉnh, khối động, thành phần động (nút, preloader). Sử dụng: **Next.js**, **Tailwind CSS**, **Framer Motion**, **GSAP**. Mời góp ý để cải thiện. #Nextjs #TailwindCSS #FramerMotion #GSAP #MSS #ThiếtKếWeb #CSS #JS #FreeTool
https://www.reddit.com/r/SideProject/comments/1po0u2l/i_built_a_set_of_free_nextjs_components_and/
-
Check out this fantastic shader-based image reveal effect using React Three Fiber, GLSL, and Framer Motion 🌀✨ by Colin Demouge!
Follow along and learn how to create this eye-catching animation step-by-step: https://tympanus.net/codrops/?p=83030
#r3f #threejs #webgl #framermotion #tutorial #creativecoding #webdevelopment #demo