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: tympanus.net/codrops/?p=8...
#framermotion #tutorial #webdevelopment #demo #ui #react #webdev #frontend
Learn how to create this fun gooey search with React, Framer Motion, and SVG filters!
Read it here: tympanus.net/codrops/?p=8...
#framermotion #tutorial #webdevelopment #demo #ui #react #webdev #frontend
November 18, 2024 at 11:45 AM
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: tympanus.net/codrops/?p=8...
#framermotion #tutorial #webdevelopment #demo #ui #react #webdev #frontend
Learn how to create this fun gooey search with React, Framer Motion, and SVG filters!
Read it here: tympanus.net/codrops/?p=8...
#framermotion #tutorial #webdevelopment #demo #ui #react #webdev #frontend
I added another parallax scene for my contact me page, and added framer motion animations on my Hello World about me page. #100Devs #webdevelopment #react #javascript #framermotion
December 18, 2024 at 2:59 AM
I added another parallax scene for my contact me page, and added framer motion animations on my Hello World about me page. #100Devs #webdevelopment #react #javascript #framermotion
I decided to add a tech stack section, that I animated using framer motion, as well as another parallax section to my portfolio page. I've been having fun playing with the values.
#100Devs #framermotion #react #javascript #WebDevelopment #webdev #SoftwareEngineering #coding
#100Devs #framermotion #react #javascript #WebDevelopment #webdev #SoftwareEngineering #coding
December 19, 2024 at 8:42 AM
I decided to add a tech stack section, that I animated using framer motion, as well as another parallax section to my portfolio page. I've been having fun playing with the values.
#100Devs #framermotion #react #javascript #WebDevelopment #webdev #SoftwareEngineering #coding
#100Devs #framermotion #react #javascript #WebDevelopment #webdev #SoftwareEngineering #coding
A little sick but wanted to get my fingers on some keys. Played around with the motion.dev library. Rotating along the z axis seems to be glitchy on firefox but worked well on safari and chrome (desktop). I may blog about it or keyframes. We'll see. #100Devs #framermotion #react #mern #webdev
January 16, 2025 at 3:28 AM
A little sick but wanted to get my fingers on some keys. Played around with the motion.dev library. Rotating along the z axis seems to be glitchy on firefox but worked well on safari and chrome (desktop). I may blog about it or keyframes. We'll see. #100Devs #framermotion #react #mern #webdev
🎉 I just launched! 🚀
QuickAnimation.dev to help people create smooth animations on the web.
Start animating now 👉 quickanimation.dev
#react #webdev #animation #framermotion #indiehacking #tailwindcss
QuickAnimation.dev to help people create smooth animations on the web.
Start animating now 👉 quickanimation.dev
#react #webdev #animation #framermotion #indiehacking #tailwindcss
December 6, 2024 at 12:28 PM
🎉 I just launched! 🚀
QuickAnimation.dev to help people create smooth animations on the web.
Start animating now 👉 quickanimation.dev
#react #webdev #animation #framermotion #indiehacking #tailwindcss
QuickAnimation.dev to help people create smooth animations on the web.
Start animating now 👉 quickanimation.dev
#react #webdev #animation #framermotion #indiehacking #tailwindcss
"Developers spend 10 hours for things that never get noticed."
That's way too true. I don't think many would notice this animation but still. I spend a hour perfecting the animation.
Built it with #React, #NextJS, and #FramerMotion.
#WebDev #BuildInPublic #Frontend
That's way too true. I don't think many would notice this animation but still. I spend a hour perfecting the animation.
Built it with #React, #NextJS, and #FramerMotion.
#WebDev #BuildInPublic #Frontend
January 18, 2026 at 2:37 PM
"Developers spend 10 hours for things that never get noticed."
That's way too true. I don't think many would notice this animation but still. I spend a hour perfecting the animation.
Built it with #React, #NextJS, and #FramerMotion.
#WebDev #BuildInPublic #Frontend
That's way too true. I don't think many would notice this animation but still. I spend a hour perfecting the animation.
Built it with #React, #NextJS, and #FramerMotion.
#WebDev #BuildInPublic #Frontend
I added some more framer-motion effects to my navbar and hero section, cleaned up some of the spacing and margins, and added some hover effects. I think it looks pretty decent on mobile too. Sorry for the low quality & sped up screen recording.
#100Devs #framermotion #react #javascript #webdev
#100Devs #framermotion #react #javascript #webdev
January 8, 2025 at 11:50 PM
I added some more framer-motion effects to my navbar and hero section, cleaned up some of the spacing and margins, and added some hover effects. I think it looks pretty decent on mobile too. Sorry for the low quality & sped up screen recording.
#100Devs #framermotion #react #javascript #webdev
#100Devs #framermotion #react #javascript #webdev
😍 Just discoverd motion-primitives.com by @ibelick.bsky.social
The #ShadCN of #Animation 🥰
#ReactJS #FramerMotion #Motion
The #ShadCN of #Animation 🥰
#ReactJS #FramerMotion #Motion
Motion-Primitives
UI kit to make beautiful, animated interfaces, faster. Open-source and customizable.
motion-primitives.com
December 7, 2024 at 2:47 PM
😍 Just discoverd motion-primitives.com by @ibelick.bsky.social
The #ShadCN of #Animation 🥰
#ReactJS #FramerMotion #Motion
The #ShadCN of #Animation 🥰
#ReactJS #FramerMotion #Motion
December 26, 2024 at 9:30 AM
Just dropped a new blog post! 🍕 We're diving deep into animating a 3D pizza using THREE.js (React Three Fiber) & Framer Motion. Let's get cheesy!
blog.devmansam.net/making-your-...
#100Devs #react #reactthreefiber #framermotion #3danimation #javascript #coding #tech #webdev #techblog #blog
blog.devmansam.net/making-your-...
#100Devs #react #reactthreefiber #framermotion #3danimation #javascript #coding #tech #webdev #techblog #blog
Create 3D Web Animations with THREE.js
Create interactive 3D web animations using React Three Fiber and Framer Motion. Build an animated 3D pizza with detailed guidance and creativity tips
blog.devmansam.net
January 18, 2025 at 10:46 AM
Just dropped a new blog post! 🍕 We're diving deep into animating a 3D pizza using THREE.js (React Three Fiber) & Framer Motion. Let's get cheesy!
blog.devmansam.net/making-your-...
#100Devs #react #reactthreefiber #framermotion #3danimation #javascript #coding #tech #webdev #techblog #blog
blog.devmansam.net/making-your-...
#100Devs #react #reactthreefiber #framermotion #3danimation #javascript #coding #tech #webdev #techblog #blog
In my next blog post, I'll share a beginner-friendly introduction to Framer Motion, a powerful animation library for React. 💡
Stay tuned for more! 🤓
In the meantime, check out my recent blog post. 😎🤙🏼
blog.devmansam.net/how-to-fill-...
#react #framermotion #javascript #100Devs #webdev #coding
Stay tuned for more! 🤓
In the meantime, check out my recent blog post. 😎🤙🏼
blog.devmansam.net/how-to-fill-...
#react #framermotion #javascript #100Devs #webdev #coding
Create Custom CSS Text Effects with Gradients and Image Fills
Learn how to transform typography using CSS gradients and images. Tutorial includes 6 stunning text effects: rainbow, metallic gold, image-filled, neon, hol
blog.devmansam.net
January 17, 2025 at 2:17 AM
In my next blog post, I'll share a beginner-friendly introduction to Framer Motion, a powerful animation library for React. 💡
Stay tuned for more! 🤓
In the meantime, check out my recent blog post. 😎🤙🏼
blog.devmansam.net/how-to-fill-...
#react #framermotion #javascript #100Devs #webdev #coding
Stay tuned for more! 🤓
In the meantime, check out my recent blog post. 😎🤙🏼
blog.devmansam.net/how-to-fill-...
#react #framermotion #javascript #100Devs #webdev #coding
Queria share com vocês o componentezinho que fiz ontem com #framer-motion
www.linkedin.com/posts/luigin...
www.linkedin.com/posts/luigin...
Nicoletti Luigi on LinkedIn: #nextjs #framermotion #tailwind
Fiz uma featurezinha pro input do trampo.
#nextjs #framermotion #tailwind
www.linkedin.com
September 6, 2024 at 10:57 PM
Queria share com vocês o componentezinho que fiz ontem com #framer-motion
www.linkedin.com/posts/luigin...
www.linkedin.com/posts/luigin...
Stripe posted their new FX conversion UI yesterday. Saw the design and wanted to try building it with some motion.
Reduced motion support baked in.
#framermotion #react
Reduced motion support baked in.
#framermotion #react
August 19, 2026 at 10:24 AM
Stripe posted their new FX conversion UI yesterday. Saw the design and wanted to try building it with some motion.
Reduced motion support baked in.
#framermotion #react
Reduced motion support baked in.
#framermotion #react
Getting this example from shadcn and making a transition animation between the tabs.
#react #framermotion
#react #framermotion
September 17, 2024 at 9:39 PM
Getting this example from shadcn and making a transition animation between the tabs.
#react #framermotion
#react #framermotion
Hey all! 😃 Just landed here, I’m Vladimir 28yo #creative #frontend #web #developer at AQuest and I’ll post about
#typescript
#react
#nextjs
#javascript
#threejs
#shaders
#coding
#gsap
#framermotion
#tailwindcss
#webaccessibility
Let’s connect
#typescript
#react
#nextjs
#javascript
#threejs
#shaders
#coding
#gsap
#framermotion
#tailwindcss
#webaccessibility
Let’s connect
November 20, 2024 at 4:37 PM
Hey all! 😃 Just landed here, I’m Vladimir 28yo #creative #frontend #web #developer at AQuest and I’ll post about
#typescript
#react
#nextjs
#javascript
#threejs
#shaders
#coding
#gsap
#framermotion
#tailwindcss
#webaccessibility
Let’s connect
#typescript
#react
#nextjs
#javascript
#threejs
#shaders
#coding
#gsap
#framermotion
#tailwindcss
#webaccessibility
Let’s connect
Just launched a sleek landing page for a client using @nextjs.org 15, @framer.com , Prismic and @tailwindcss.com 🚀
Check it out: pb.lk
#WebDevelopment #Nextjs #FramerMotion #TailwindCSS
Check it out: pb.lk
#WebDevelopment #Nextjs #FramerMotion #TailwindCSS
January 3, 2025 at 6:21 PM
Just launched a sleek landing page for a client using @nextjs.org 15, @framer.com , Prismic and @tailwindcss.com 🚀
Check it out: pb.lk
#WebDevelopment #Nextjs #FramerMotion #TailwindCSS
Check it out: pb.lk
#WebDevelopment #Nextjs #FramerMotion #TailwindCSS
Build a $10,000 professional website using just one line of code! Follow these four simple steps to automate your design.
Write "WEBSITE" in comments to get the asset.
#ClaudeCode #WebDesign #FramerMotion #AIWebsites #IkramRana
Write "WEBSITE" in comments to get the asset.
#ClaudeCode #WebDesign #FramerMotion #AIWebsites #IkramRana
July 25, 2026 at 8:09 AM
Build a $10,000 professional website using just one line of code! Follow these four simple steps to automate your design.
Write "WEBSITE" in comments to get the asset.
#ClaudeCode #WebDesign #FramerMotion #AIWebsites #IkramRana
Write "WEBSITE" in comments to get the asset.
#ClaudeCode #WebDesign #FramerMotion #AIWebsites #IkramRana
And if you want to create animations that are 10x more advanced than this one, check out my course at www.framermotion.com
Cheers!
Cheers!
Framermotion Course
Learn to create AI-powered animations in 7 days!
www.framermotion.com
May 18, 2025 at 10:55 AM
And if you want to create animations that are 10x more advanced than this one, check out my course at www.framermotion.com
Cheers!
Cheers!
Hey Everyone! Spent some time the past couple of days building a personal website. Took a little back and forth of how I wanted it to look and settled one a simple yet information design.
www.benmacleod.me
#personalwebsite #nextjs #tailwindcss #framermotion #portfolio
www.benmacleod.me
#personalwebsite #nextjs #tailwindcss #framermotion #portfolio
January 15, 2025 at 2:45 PM
Hey Everyone! Spent some time the past couple of days building a personal website. Took a little back and forth of how I wanted it to look and settled one a simple yet information design.
www.benmacleod.me
#personalwebsite #nextjs #tailwindcss #framermotion #portfolio
www.benmacleod.me
#personalwebsite #nextjs #tailwindcss #framermotion #portfolio
After adding #framermotion to (using #react19/#next15) on Safari only you can scroll past the footer of the page.
Does anyone have a similar experience and solution?
#buildinpublic
Does anyone have a similar experience and solution?
#buildinpublic
December 3, 2024 at 8:32 AM
After adding #framermotion to (using #react19/#next15) on Safari only you can scroll past the footer of the page.
Does anyone have a similar experience and solution?
#buildinpublic
Does anyone have a similar experience and solution?
#buildinpublic
Thoughts on this animation for my revamped landing page? Too much? Too fast? Too slow? Too cool? Nauseating? Soothing? Confusing? Inspiring?
Built with @nextjs.org, @typescriptlang.org, @tailwindcss.com, and @framer.com
#nextjs #typescript #framermotion #tailwind #webdev #design #animation
Built with @nextjs.org, @typescriptlang.org, @tailwindcss.com, and @framer.com
#nextjs #typescript #framermotion #tailwind #webdev #design #animation
February 12, 2025 at 9:49 PM
Thoughts on this animation for my revamped landing page? Too much? Too fast? Too slow? Too cool? Nauseating? Soothing? Confusing? Inspiring?
Built with @nextjs.org, @typescriptlang.org, @tailwindcss.com, and @framer.com
#nextjs #typescript #framermotion #tailwind #webdev #design #animation
Built with @nextjs.org, @typescriptlang.org, @tailwindcss.com, and @framer.com
#nextjs #typescript #framermotion #tailwind #webdev #design #animation
Build modern, animated tab interfaces in Next.js with this component.
* Smooth Framer Motion animations
* Responsive design
* Easy integration via Shadcn/UI
* Modern tech stack
🔗 next.jqueryscript.net/shadcn-ui/an...
#NextJS #TailwindCSS #WebDev #UIComponents #FramerMotion
* Smooth Framer Motion animations
* Responsive design
* Easy integration via Shadcn/UI
* Modern tech stack
🔗 next.jqueryscript.net/shadcn-ui/an...
#NextJS #TailwindCSS #WebDev #UIComponents #FramerMotion
April 29, 2025 at 3:42 AM
Build modern, animated tab interfaces in Next.js with this component.
* Smooth Framer Motion animations
* Responsive design
* Easy integration via Shadcn/UI
* Modern tech stack
🔗 next.jqueryscript.net/shadcn-ui/an...
#NextJS #TailwindCSS #WebDev #UIComponents #FramerMotion
* Smooth Framer Motion animations
* Responsive design
* Easy integration via Shadcn/UI
* Modern tech stack
🔗 next.jqueryscript.net/shadcn-ui/an...
#NextJS #TailwindCSS #WebDev #UIComponents #FramerMotion
Today I got my course builder application done with a beautiful app design using #cursorai #cursor #react #reactnative #typescript #tailwindcss and #FramerMotion #Framer.
Using Markdown I can build courses that directly integrate via Typescript into my platform!
#appdesign #design #technology
Using Markdown I can build courses that directly integrate via Typescript into my platform!
#appdesign #design #technology
June 26, 2025 at 12:06 AM
Today I got my course builder application done with a beautiful app design using #cursorai #cursor #react #reactnative #typescript #tailwindcss and #FramerMotion #Framer.
Using Markdown I can build courses that directly integrate via Typescript into my platform!
#appdesign #design #technology
Using Markdown I can build courses that directly integrate via Typescript into my platform!
#appdesign #design #technology
Svelte components for UI and animation built with Tailwind CSS and FramerMotion
June 19, 2025 at 6:44 PM
Svelte components for UI and animation built with Tailwind CSS and FramerMotion
Experimenting with Framer Motion for the first time to add some personality to my portfolio page :)
#UI #FramerMotion
#UI #FramerMotion
October 19, 2025 at 10:42 AM
Experimenting with Framer Motion for the first time to add some personality to my portfolio page :)
#UI #FramerMotion
#UI #FramerMotion