Framer

Framer-motion is a library that powers animations in Framer, and it’s now available as an independent package that we can use in React applications. It has a very simple declarative API that makes it easy to create and orchestrate complex animations with the minimal amount of code. In this article, we’ll start with very basic animations and gradually move to the more advanced ones.

Here's How You can Animate React with Framer Motion

Detailed technical information can make it challenging to organize the visual hierarchy of content and may result in overwhelming the reader.

Specific Details of the Design Process

This past summer, I was lucky enough to travel internationally to eight countries (Switzerland, Italy, Norway, Singapore, Malaysia, Japan, Thailand, India) and stay in more than a dozen Airbnbs along the way. During my travel planning, I repetitively booked Airbnbs and flights one after another and really wished both processes were integrated together more seamlessly.

Booking Flights on Airbnb

<span>A</span>ll programmers with Mobile Application <a href="https://hackernoon.com/tagged/development" target="_blank">development</a> experience have been in the situation of trying to create a prototype to showcase the application idea in a quick way!

Creating a quick fancy Android application prototype

React animations are a powerful way to make your web applications more engaging and dynamic.

Framer Motion: The Ultimate Keyframe Tutorial for Mind-Blowing Animations

This article aims to explain, how we could create a zoom page transition animation effect for a gallery web application using React & Framer Motion.

Create Zoom Transition Animations in React and Framer Motion: A How-To Guide

Create or build a beautiful portfolio website with react, ChakraUi and framerMotion

How To Build A Portfolio Website with React, ChakraUi and framerMotion

React redux todo app tutorial : In this tutorial we will build Todo List app with  animations using Framer-motion. With react-redux we will use redux-toolkit.

A Tutorial for Todo Apps using React, Redux and Framer-Motion

Sometimes you just need a quick and dirty way to mock up a UI prototype!

Simple Wire Framer / Web Page Builder in 2k gzipped.

Meet Grace "Temmarie" Ekunola, HackerNoon facilitator. Learn how she blends code and storytelling to mentor the next wave of technical writers.

Meet Temmarie - HackerNoon Blogging Course Facilitator

Build a real-time video streaming pipeline with FFmpeg and MediaMTX. Learn to stream webcams to browsers using WebRTC with step-by-step tutorials. 

Part 1:Building Your First Video Pipeline: FFmpeg & MediaMTX Basics

Improvements have been made to how Game Controllers work on iOS and macOS. We’ve unified the code to make sure it works the same on both platforms

Godot 4.4 Beta 1: Everything New

Tired of waiting on dev queues, I turned to low-code—and accidentally became a one-person product team. Here’s how I went from designer to builder.

Seven Years in Tech Taught Me This: Low-Code Is a Power Tool, Not a Magic Wand

Oracle's latest trademark controversy, the new JavaScript temporal object receiving browser support, and some much needed updates to google chrome.

Much Needed Google Chrome Updates Cause Websites Load Faster

How I created my first portfolio after months of hard work.

Yay! I Created My First Portfolio! Here's How I Did It🎉

Lottie was designed as a tool to convert `Adobe After Effects` animations into a format compatible with specific platforms.

Developer Puts Lottie Under the Microscope 

A good portfolio is a website that showcases your best work, personality, and talents. This article can help you create a decent portfolio in under 4 hours.

Can You Make Your Portfolio in Just 4 Hours? It's Possible

11 best AI chat tools for developers to maximize productivity.

11 Best AI Chat Tools for Developers in 2024

How to create SVG from Figma with rect instead of path elements

Tutorial: How to Turn Figma Files to SVG with Rect Elements

Explore how data annotation is crucial to generative AI success. Learn about tools, strategies, & best practices that enhance AI model performance, scalability.

The Critical Role of Data Annotation in Shaping the Future of Generative AI

Here, I will highlight just two observations about the results that follow from this paradigm shift. 

How Trump v United States Will Affect the Country Moving Forward

Today’s decision to grant former Presidents immunity for their official acts is deeply wrong. 

Justice Sotomayor on Trump v United States: Today's Decision... Is Deeply Wrong

The main takeaway of today’s decision is that all of a President’s official acts, defined without regard to motive or intent, are entitled to immunity

The Main Takeaway of Trump v United States

The majority’s broad “official acts” immunity is inconsistent with text, history, and established understandings of the President’s role.

FRAMER

framer.com

51-200 emps

Since 2014

Worth 2B

Framer's stories on HackerNoon

Here's How You can Animate React with Framer Motion

Specific Details of the Design Process

Booking Flights on Airbnb

Creating a quick fancy Android application prototype

Framer Motion: The Ultimate Keyframe Tutorial for Mind-Blowing Animations

Create Zoom Transition Animations in React and Framer Motion: A How-To Guide

How To Build A Portfolio Website with React, ChakraUi and framerMotion

A Tutorial for Todo Apps using React, Redux and Framer-Motion

Simple Wire Framer / Web Page Builder in 2k gzipped.

Meet Temmarie - HackerNoon Blogging Course Facilitator

Part 1:Building Your First Video Pipeline: FFmpeg & MediaMTX Basics

Godot 4.4 Beta 1: Everything New

Seven Years in Tech Taught Me This: Low-Code Is a Power Tool, Not a Magic Wand

Much Needed Google Chrome Updates Cause Websites Load Faster

Yay! I Created My First Portfolio! Here's How I Did It🎉

Developer Puts Lottie Under the Microscope

Can You Make Your Portfolio in Just 4 Hours? It's Possible

11 Best AI Chat Tools for Developers in 2024

Tutorial: How to Turn Figma Files to SVG with Rect Elements

The Critical Role of Data Annotation in Shaping the Future of Generative AI

How Trump v United States Will Affect the Country Moving Forward

Justice Sotomayor on Trump v United States: Today's Decision... Is Deeply Wrong

The Main Takeaway of Trump v United States

Justice Sotomayor's Dissenting Opinion on Trump v United States

Representing this company? Click here to claim and customize this page!

Reviews About Framer

Framer WIKI

Apply to get your Tech Company News Page live on HackerNoon.com today!

Light-Mode

Classic

Newspaper

Minty

Dark-Mode

Neon Noir

Minty

HN StartUps