#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/
-
Mẫu website portfolio "Pitch Black" mã nguồn mở đã ra mắt! Thiết kế theo phong cách Thụy Sĩ & "digital noir" tối, dùng Next.js, Three.js, Framer Motion. Nổi bật với phần hero 3D tương tác, cuộn mượt 60fps, hiệu ứng hạt film và glassmorphism. Hoàn hảo cho ai cần một trang web cá nhân hiệu suất cao!
#PortfolioWebsite #WebDevelopment #OpenSource #NextJS #ThreeJS #FramerMotion #DigitalNoir #WebsitePortfolio #PhátTriểnWeb #MãNguồnMở #ThiếtKếWeb -
Tìm kiếm nhà phát triển muốn xây dựng dự án lớn (Hợp tác mở - Không tiền, chỉ tầm nhìn)
Tìm kiếm dev xây dựng website hội nghị toàn cầu về AI, 10k+ người tham dự, diễn giả toàn cầu
Công nghệ: MERN, Tailwind CSS, Framer Motion/GSAP
#HợpTácMở #XâyDựngDựÁnLớn #PhátTriểnWeb #AI #ToànCầu #MERN #TailwindCSS #FramerMotion #GSAP #OpenCollaboration #BigProject #WebDevelopment #AI #Global #Volunteer #Contributehttps://www.reddit.com/r/SideProject/comments/1p0lcsk/looking_for_devs_who_want_to_build_so
-
🎨 Chrome Extension enables visual animation creation with live preview, preset saving, and export to #TailwindCSS, #CSS, or #FramerMotion
💻 Supports various animation examples: landing pages, chat dialogs, dynamic islands, color swatches
-
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
-
We're kicking off the week with a step-by-step tutorial by Oğuzhan Tüfenk 🌟
Learn how to create this fun gooey search with React, Framer Motion, and SVG filters!
Read it here: https://tympanus.net/codrops/?p=82658
#framermotion #tutorial #webdevelopment #demo #ui #react #webdev #frontend
-
State-of-the-Art Web Design:,
Check out Pippin Pawsby, a state-of-the-art web portal crafted with Remix, Tailwind CSS, and Framer Motion. Learn how these cutting-edge technologies come together to create a dynamic, responsive, and interactive online presence that elevates your brand and captivates your audience. See how I can transform your website experience.
🔗 See More - https://darkviolet.ai/blog/state-of-the-art-web-design-with-remix-tailwind-and-framer-motion
#WebDesign #Remix #TailwindCSS #FramerMotion #WebDevelopment #DigitalPresence #TechInnovation
-
🚀 Elevate your Remix and React animations with Framer Motion! 🎉
In this comprehensive blog post, we dive deep into the powerful features of Framer Motion, including the useTransform and useScroll hooks, as well as Layout animations. 📈
🔗 https://darkviolet.ai/blog/framer-motion-use-transform-and-layout
#FramerMotion #ReactAnimation #Remix #WebDevelopment #MotionDesign #Animation
-
More animation demos! Bonus: there’s a Nena soundtrack! #remix #react #css #framermotion #javascript #animation #animate #programming #goodtimes
-
Started out a bit frustrating getting things perfect. Ended up grand! #animation #framermotion #css #tailwind #remix #iloverhis #sofun #yas #webdev #appdev #makeithappen #animate
-
Started out a bit frustrating getting things perfect. Ended up grand! #animation #framermotion #css #tailwind #remix #iloverhis #sofun #yas #webdev #appdev #makeithappen #animate
-
Started out a bit frustrating getting things perfect. Ended up grand! #animation #framermotion #css #tailwind #remix #iloverhis #sofun #yas #webdev #appdev #makeithappen #animate
-
🎨 remix-template.darkviolet.ai - you can play too! #remix #react #css #html #animation #framermotion #svg #funwithcode #coding #iliketoplay #cssanimation #programming #coderules
-
🎨 remix-template.darkviolet.ai - you can play too! #remix #react #css #html #animation #framermotion #svg #funwithcode #coding #iliketoplay #cssanimation #programming #coderules
-
🎨 remix-template.darkviolet.ai - you can play too! #remix #react #css #html #animation #framermotion #svg #funwithcode #coding #iliketoplay #cssanimation #programming #coderules
-
🎨 remix-template.darkviolet.ai - you can play too! #remix #react #css #html #animation #framermotion #svg #funwithcode #coding #iliketoplay #cssanimation #programming #coderules
-
🎨 remix-template.darkviolet.ai - you can play too! #remix #react #css #html #animation #framermotion #svg #funwithcode #coding #iliketoplay #cssanimation #programming #coderules
-
Thrilled to be presenting at Storybook Day today (3/14), the first-ever #Storybook user conference! I’ll be sharing my process of creating a “Digital Garden” in Storybook with #React, #SVG, and #FramerMotion animation.
Conference is streaming here starting at 10:00am PDT, and my talk is at 12:43pm PDT: