Sugandha KapoorforSitepagersitepager.hashnode.dev·Nov 21, 2024Sitepager vs. Applitools: Which Visual Testing Tool is Right for You?When you’re working on a website—especially marketing websites and landing pages—two things matter most: how it looks and how well it performs in search engines. Visual testing ensures your website looks the way it should, while SEO testing helps you...visual testing
Mary Ojomaryojo.hashnode.dev·Nov 15, 2024Create an Animated Scaling Button using Framer Motion (Motion for React)Difficulty: ⭐️ (1/5 stars) Setup/Prerequisites: React.js, TailwindCSS, Framer Motion Key Concepts: Using animate, whileHover, whileTap and variants in Framer Motion The Challenge Since today is day 1, I’m starting with a simple animation - a button t...framer-motion
Armaan Singharmaansingh.hashnode.dev·Aug 23, 2024Framer: The Must-Have Design Tool for Developers in 2024!If you're a developer or designer, this is a tool you’ll want to check out. But what exactly is Framer, and why should you use it? Let’s break it down. Framer is a design tool that lets you create interactive prototypes for websites and apps. Whether...9 likes·90 readsframer
SmartAppsmartapptechnology.hashnode.dev·Jul 1, 2024Framer Review: A Detailed Look at Pros, Cons, and FeaturesIntroducing Framer Framer is more than just another design tool; it’s a potent platform that allows for seamless innovation and collaboration by bridging the gap between design and development. Framer began life as a JavaScript prototyping framework ...Frontend Development
Kavir Kayceethediscourse.hashnode.dev·May 3, 20247 Best No-Code Platforms for Building Websites - 2024No-code makes it dead simple to build something. No matter what your technical skills are, no-code gives you special abilities to build things like landing pages, curated sites, web apps, integrations, and native apps. In the first edition of this se...No Code
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...22 likes·201 readsframer-motion
Harshal RanjhaniforCodeParrot 10x Dev10xdev.codeparrot.ai·Mar 10, 2024Framer Motion: Animate React EasilyAn important part of improving your application's user experience is animation. Creating sophisticated and fluid animations in the React ecosystem has frequently proven to be difficult, requiring developers to go through a multitude of tools or battl...10 likes·185 readsanimations
MiLon Zayanmilonzayan.hashnode.dev·Feb 5, 202410 Best Framer Templates in 2024 (Top Picks)If you're a designer or developer looking to enhance your Framer no-code projects, you're in luck! Framer, a popular prototyping and design tool, offers a wide range of templates to help you kickstart your creations. In this article, we'll explore 13...1 likeframer template
Krutik Rautblog.infinitylinkage.com·Oct 24, 2023Unlocking E-Commerce Magic: Integrating Shopify into FramerIntroduction In this tutorial, we'll walk you through integrating a Shopify store into a Framer site. This a blog format of a YouTube video by FluxacdemyCheckout the video version here: Watch Video on Youtube This integration can transform any Fram...19 likes·390 readsframer
Dharmangajblog.dazegoartsy.com·Sep 4, 2023Reasons Why Framer is the Perfect Website Builder for Students🚀Framer:- Empowering Students in the Digital World If you're a student looking to design websites, Framer is an excellent choice. This user-friendly platform offers a range of design features, templates, and collaboration tools to help you create th...26 readsframer
