Tag feed

#framer-motion

97 posts48 followers

Explore Hashnode

Alternatives

Trending tags this week

ATAbu Taherdevabutaher.hashnode.devJun 13 · 3 min read

Master React Micro-Interactions with Framer Motion

Why Framer Motion Over Traditional CSS? While CSS transitions and keyframes are great for simple loops, they quickly become messy when handling complex component lifecycles (like when an element unmou

0

AAArjun Adhikariblogs.thearjun.comMar 23 · 7 min read

Parallax at 60fps: SSR, Hydration, and the Cost of JS Animations

Building a premium, immersive user interface often means pushing the boundaries of what web animations can do. For a recent storytelling platform[MintMyStory] I built, I wanted a "hero" section that f

0

KKaranogblocks.hashnode.devFeb 5 · 2 min read

I Built an Animated UI Library for CSS Haters

Hello Everyone, My name is Karan, and I'm a Frontend Developer, but I feel like I'm more of a Design Engineer because of my love for creating UIs When I started my development journey, I fell for frontend development and have been stuck with it ever ...

0

SHShafiul Hasan Fahimfahim-46b.hashnode.devJan 18 · 2 min read

Framer Motion Tricks for Smooth Animations

When Animations Feel “Off” While building my interactive portfolio, I noticed something subtle but important.Even though the animations were technically correct, some of them didn’t feel right. They weren’t broken.They weren’t slow.But they felt mech...

0

SASultan Alicreating-smooth-slide-animations.hashnode.devNov 29, 2025 · 8 min read

Creating Smooth Slide Animations with React Motion: A Beginner's Guide

Introduction Have you ever wondered how to create those smooth, professional-looking slide animations you see on modern websites? In this tutorial, we'll build an automated image carousel with beautiful vertical slide transitions using Framer Motion ...

0

AAAgbeniga Agboolawpgroom.hashnode.devNov 6, 2025 · 13 min read

Building an Audiophile E-Commerce Website: A Comprehensive Next.js Tutorial

🚀 Live Demo Check out the live version of this project: Audiophile E-Commerce on Vercel 📋 Table of Contents Introduction Tech Stack Prerequisites Project Setup Project Structure Designing a Style Guide from Figma Building the UI Components ...

0

ABAsher Bukashbuk.hashnode.devOct 20, 2025 · 3 min read

Building Spark Slider: From AI Startup to Open Source

Check the demo: https://spark-slider.vercel.app/ When I shared the link to this project with friends, many noticed: "Oh, another React slider" :) That's both true and not quite accurate, primarily because Spark Slider has its own backstory. I develop...

0

CLChibuikem Lucasthe-developer-experience.hashnode.devSep 5, 2025 · 1 min read

Day 25 – Building a Full-Stack Freelance CRM

Today I: Restructured backend → moved everything into a backend folder for clarity Installed dependencies & ran servers separately on 3000 (frontend) and 5000 (backend) Created UI pages (Homepage, Login, Register, Dashboard) Enhanced UX with: Ma...

0

SPShantanu Pawarshantanupawar.hashnode.devAug 6, 2025 · 4 min read

From Static to Cinematic: The Magic of Framer Motion

If you’ve spent anytime making some applications with React, you might’ve explored your way around adding animations to your app. But were those ways efficient and simple? Your UI deserves better gliding capabilities. Developing an application as a ...

0

SDSoumava Dassoumavadas.hashnode.devJul 31, 2025 · 10 min read

Step-by-step process to create a Weather App from Scratch

Introduction The purpose of this project is to develop a clear understanding of how to fetch data from an API and present it in a visually appealing manner. Step 1: Creating a new Next.js Project With node.js and npm installed, please run the followi...

0

#framer-motion

Search Hashnode

#framer-motion

Explore Hashnode

Trending tags this week

Master React Micro-Interactions with Framer Motion

Parallax at 60fps: SSR, Hydration, and the Cost of JS Animations

I Built an Animated UI Library for CSS Haters

Framer Motion Tricks for Smooth Animations

Creating Smooth Slide Animations with React Motion: A Beginner's Guide

Building an Audiophile E-Commerce Website: A Comprehensive Next.js Tutorial

Building Spark Slider: From AI Startup to Open Source

Day 25 – Building a Full-Stack Freelance CRM

From Static to Cinematic: The Magic of Framer Motion

Step-by-step process to create a Weather App from Scratch