Luke Namkineticstorytelling.hashnode.dev·Mar 13, 2024FeaturedWhy I use Framer Motion for animations instead of CSSAnimations make your page look dynamic. They add movement and help the user focus on the important aspects of the site and more than anything they look cool. How can you add them to your React Project? Well, you could potentially make animations usi...richardoey and 4 others are discussing this5 people are discussing thisDiscuss·22 likes·169 readsframer-motion
Pritam Sharmablog.notpritam.in·Mar 8, 2024FeaturedAward Winning Marquee Animation with Framer MotionHave you ever wondered, how do they create such smooth and beautiful animations in their site ? Worry not, in this article i will be guiding you through how you can create such amazing award winning effects.. Here is what we will be creating Visit De...Discuss·68 likes·558 readsanimationGreat blog 4
Dakshi Goelduckwhocodes.hashnode.dev·Mar 8, 2024Adding interactive animations: Day 2Welcome to Day 2 of making your websites look cool!👋 Today, we're building something super fun and magnetic Here's a sneak peek of what we're about to cook up👩🍳 So basically, our images will gently gravitate towards our cursor as we hover across...DiscussNext.js
Dakshi Goelduckwhocodes.hashnode.dev·Mar 4, 2024Adding interactive animations: Day 1Welcome to Day 1 of learning how to make our websites look cool! It's always the little things that can spark up things, and so is true for websites. So I decided to make a short blog series just for that :) What exactly are we building today? Simple...aarush acharya and 1 other are discussing this2 people are discussing thisDiscuss·2 likes·56 readsframer-motion
Saleh Mubasharsaleh.hashnode.dev·Mar 3, 20243 Advanced Famer Motion Effects in ReactAnimations are a powerful tool to enhance user experience, and when it comes to creating animations in React, Framer Motion is a popular library of choice. Previously, we looked at 5 simple animations that you can add to your site. In this post, we w...Discuss·1 likeReact JSReact
Utsav Singhsinghutsav.hashnode.dev·Dec 29, 2023React Tree Visualizer: Creating a visualizer for .js/jsx component files.TLDR - I built a tree visualizer to parse jsx content and ASTs in react files so that you don't have to figure out which component calls what. Check it out here!(currently beta :D) Try using it with this Js file! As someone who uses react for most o...Discuss·1 like·101 readsReact
Benedict - Ampea-Baduinkspixelsandcode.hashnode.dev·Nov 15, 2023Mastering The Palette: A Web Designer's Guide to Colour TheoryIntroduction Hello Fellow Colour Enthusiast, Welcome to the World of Colour! Buckle up as we embark on an exhilarating adventure into the captivating world of colours. But, before your senses are swept away in a symphony of ecstasy, let's take a quic...Discusscolor
Vishal Kumarvishalx360.dev·Oct 31, 2023Integrating Hashnode Headless Mode with My Portfolio: A Seamless Blogging JourneyIntroduction Recently, I embarked on a mission to revamp my online portfolio. I desired to venture into the world of blogging, to share my learnings and experiences in the tech realm, but I found myself hesitant, unsure of where to begin. It was arou...Discuss·37 readsHashnode
Hari Prasad Designerblog.hariprasd.me·Oct 26, 2023Creating a hover triggered text weight animation in Next Js / React - with source codeWe will be creating a NextJs component that receives a string as a prop & animates it, Code below 👇 Note: Use Variable fonts to get seamless animation. Mona Sans is used for this example As a bonus, We will be using Framer motion & Tailwind CSS to t...Discuss·6 likes·327 readsBuild with HariprasadReact
Saleh Mubasharsaleh.hashnode.dev·Oct 25, 20235 Cool Animations in React with Framer MotionAnimations are a powerful tool to enhance user experience, and when it comes to creating animations in React, Framer Motion is a popular library of choice. In this blog post, we'll explore 5 cool animations you can create in React using Framer Motion...Discuss·10 likesReact JSReact