#framermotion — Public Fediverse posts

🎨 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

🎨 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:

https://storybook.js.org/day/stage/main