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
Also I forgot to mention there are several easy ways to build a website using free tools online in some cases you can get a free website without having to buy a domain.
Wix, Squarespace,WordPress framermotion and webflow are some of the top ones to mention.
Best of luck 🤞🏽
Wix, Squarespace,WordPress framermotion and webflow are some of the top ones to mention.
Best of luck 🤞🏽
October 1, 2025 at 11:59 PM
Also I forgot to mention there are several easy ways to build a website using free tools online in some cases you can get a free website without having to buy a domain.
Wix, Squarespace,WordPress framermotion and webflow are some of the top ones to mention.
Best of luck 🤞🏽
Wix, Squarespace,WordPress framermotion and webflow are some of the top ones to mention.
Best of luck 🤞🏽
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
In learning I created this fun little thing. Felt like sharing. Code for the curious: github.com/TravisBumgar...
#animation #framermotion #css #javascript #react #color #colorful
#animation #framermotion #css #javascript #react #color #colorful
May 21, 2025 at 5:12 PM
In learning I created this fun little thing. Felt like sharing. Code for the curious: github.com/TravisBumgar...
#animation #framermotion #css #javascript #react #color #colorful
#animation #framermotion #css #javascript #react #color #colorful
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
April 28, 2025 at 4:47 PM
7/10 Pro-Value perspective: React & Framer Motion make the library a perfect fit for some. Others are skeptical of the ethics & value. ⚖️ #reactjs #framermotion #uikit
April 27, 2025 at 12:30 PM
7/10 Pro-Value perspective: React & Framer Motion make the library a perfect fit for some. Others are skeptical of the ethics & value. ⚖️ #reactjs #framermotion #uikit
I liked @discord.com's Quest animation, so I recreated it using #framermotion and #react.
#webdev #webdesign #uidesign #animation #animations
#webdev #webdesign #uidesign #animation #animations
April 24, 2025 at 2:28 AM
I liked @discord.com's Quest animation, so I recreated it using #framermotion and #react.
#webdev #webdesign #uidesign #animation #animations
#webdev #webdesign #uidesign #animation #animations
DarkViolet.ai and learnwithlumi.com are about more than just streamlining education with AI. We are also making education engaging and thereby more NATURAL! Here's an example! #math #STEM #animation #framermotion #education #teaching #algebra
April 14, 2025 at 5:43 PM
DarkViolet.ai and learnwithlumi.com are about more than just streamlining education with AI. We are also making education engaging and thereby more NATURAL! Here's an example! #math #STEM #animation #framermotion #education #teaching #algebra
Animate UI is a collection of animated components built with React, TypeScript, Tailwind, and Motion. Could be useful if you want some motion in your UI without building everything from scratch. Read more about it here: animate-ui.com
#ReactJS #TailwindCSS #FramerMotion #WebDev #DevTools
#ReactJS #TailwindCSS #FramerMotion #WebDev #DevTools
Animate UI
Fully animated, open-source component distribution built with React, TypeScript, Tailwind CSS, Motion and Shadcn CLI. Browse a list of components you can install, modify, and use in your projects.
animate-ui.com
April 13, 2025 at 7:28 PM
Animate UI is a collection of animated components built with React, TypeScript, Tailwind, and Motion. Could be useful if you want some motion in your UI without building everything from scratch. Read more about it here: animate-ui.com
#ReactJS #TailwindCSS #FramerMotion #WebDev #DevTools
#ReactJS #TailwindCSS #FramerMotion #WebDev #DevTools
After 5 years as a ticket, Motion now available for Vue. It brings expressive animations to Vue apps with the same API from Framer Motion. Here's the update: motion.dev/blog/introdu...
#VueJS #FramerMotion #WebDev #Animations #Frontend #DevTools
#VueJS #FramerMotion #WebDev #Animations #Frontend #DevTools
Introducing Motion for Vue - Motion Blog
Motion finally arrives on Vue, complete with variants, scroll, layout animations, and everything else you love from Framer Motion.
motion.dev
March 24, 2025 at 6:28 PM
After 5 years as a ticket, Motion now available for Vue. It brings expressive animations to Vue apps with the same API from Framer Motion. Here's the update: motion.dev/blog/introdu...
#VueJS #FramerMotion #WebDev #Animations #Frontend #DevTools
#VueJS #FramerMotion #WebDev #Animations #Frontend #DevTools
🚀 Want to add smooth reveal-on-scroll animations to your React project?
I just wrote a guide on using Framer Motion to create awesome animations effortlessly! ✨
Check it out here 👇
achinthaisuru444.medium.com/reveal-on-sc...
Let me know what you think! 💬
#React #FramerMotion #WebDev #UIDesign
I just wrote a guide on using Framer Motion to create awesome animations effortlessly! ✨
Check it out here 👇
achinthaisuru444.medium.com/reveal-on-sc...
Let me know what you think! 💬
#React #FramerMotion #WebDev #UIDesign
Reveal On-Scroll Animation for React with Framer Motion
Have you ever seen a reveal animation on a website and thought, “Wow, that’s so cool!” Then, you wanted to learn how to do it, and you…
achinthaisuru444.medium.com
February 15, 2025 at 6:40 AM
🚀 Want to add smooth reveal-on-scroll animations to your React project?
I just wrote a guide on using Framer Motion to create awesome animations effortlessly! ✨
Check it out here 👇
achinthaisuru444.medium.com/reveal-on-sc...
Let me know what you think! 💬
#React #FramerMotion #WebDev #UIDesign
I just wrote a guide on using Framer Motion to create awesome animations effortlessly! ✨
Check it out here 👇
achinthaisuru444.medium.com/reveal-on-sc...
Let me know what you think! 💬
#React #FramerMotion #WebDev #UIDesign
Animations are underrated in web design. A well placed micro-interaction can make or break UX. Tools like Framer Motion can really help in adding smooth animations without much fuss. Check it out: motion.dev
#WebDesign #UX #UI #FramerMotion #CSSAnimations #DevTools
#WebDesign #UX #UI #FramerMotion #CSSAnimations #DevTools
Motion - A modern animation library for JavaScript and React
Motion is built on native browser APIs for a tiny filesize and superfast performance. It uses hardware acceleration for smooth and eco-friendly animations. Previously Framer Motion.
motion.dev
February 13, 2025 at 3:34 PM
Animations are underrated in web design. A well placed micro-interaction can make or break UX. Tools like Framer Motion can really help in adding smooth animations without much fuss. Check it out: motion.dev
#WebDesign #UX #UI #FramerMotion #CSSAnimations #DevTools
#WebDesign #UX #UI #FramerMotion #CSSAnimations #DevTools
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
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
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
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
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 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
December 26, 2024 at 9:30 AM
🎨 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
💻 Supports various animation examples: landing pages, chat dialogs, dynamic islands, color swatches
December 24, 2024 at 1:57 PM
🎨 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
💻 Supports various animation examples: landing pages, chat dialogs, dynamic islands, color swatches
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
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