Team IT Security (TSEC) Nachrichtenportal Logo

🔧 Animating SVG Icons with CSS and Framer Motion


Nachrichtenbereich: 🔧 Programmierung
🔗 Quelle: dev.to

SVG icons are everywhere in modern web interfaces, but too often they’re static, missing an opportunity to inject personality and feedback into your UI. Thoughtfully animated SVG icons can guide... [Weiterlesen]

Sharing is caring on Social Media

Reddit
Telegram
LinkedIn
Xing
Twitter
Whatsapp
Facebook
Flipboard

🔧 🚀 1500+ Free Resources For Web Development 🤯🤩


📈 448.74 Punkte
🔧 Programmierung

🔧 How I Built a Website Code Exporter That Handles Framer Animations, Webflow IX2, and Wix's 3MB Runtime


📈 345.21 Punkte
🔧 Programmierung

🔧 Animating SVG Icons with CSS and Framer Motion


📈 300.21 Punkte
🔧 Programmierung

🔧 Top 13 Figma Icon Plugins For Free in 2025


📈 292.43 Punkte
🔧 Programmierung

🔧 I reverse-engineered Framer's React runtime to export sites as static HTML


📈 242.51 Punkte
🔧 Programmierung

🔧 Qt + CMake: Modern Approach to Managing icons.qrc


📈 208.49 Punkte
🔧 Programmierung

🔧 🛑 Stop Wasting Engineering Cycles on Landing Pages: The Framer Playbook for Startups


📈 202.09 Punkte
🔧 Programmierung

🔧 I Tested Every Open-Source Brand SVG Library So You Don't Have To (2026 Edition)


📈 186.83 Punkte
🔧 Programmierung

🔧 Gamified Fitness UI: How to Turn Health Data Into Motivation


📈 168.26 Punkte
🔧 Programmierung

🔧 Top 7 WordPress Icon Plugins You Should Try


📈 165.17 Punkte
🔧 Programmierung

🔧 Best Angular Icon Libraries


📈 151.63 Punkte
🔧 Programmierung

🔧 Development of a custom API layer for Framer CMS integration


📈 151.57 Punkte
🔧 Programmierung

🔧 The Complete Shadcn/UI Theming Guide: A Practical Approach with OKLCH to Make it Looks 10x More Premium


📈 144.56 Punkte
🔧 Programmierung

🔧 How to Build a Lead Qualification Form in Framer (with Slack Routing)


📈 141.47 Punkte
🔧 Programmierung

🔧 What is React Framer Motion?


📈 141.47 Punkte
🔧 Programmierung

🔧 Step-by-Step Guide to Styling Froala Editor with Custom Skins and Icons


📈 132.68 Punkte
🔧 Programmierung

🔧 How to Use Bootstrap Icons? - Guide with Examples 👨🏻‍💻


📈 132.68 Punkte
🔧 Programmierung

🔧 Level Up Your Web Design: A Beginner's Guide to Framer Motion & GSAP


📈 122.9 Punkte
🔧 Programmierung

🔧 Why I Switched from Framer Motion to GSAP


📈 122.9 Punkte
🔧 Programmierung

🔧 How I use Framer Motion with Next.js App Router without layout shift


📈 121.26 Punkte
🔧 Programmierung

🔧 How to Pick the Perfect Icons for Your PWA: The Ultimate Guide


📈 119.14 Punkte
🔧 Programmierung

🔧 How I Solved the Flooded Icons Crisis in Our React Codebase


📈 119.14 Punkte
🔧 Programmierung

🔧 Best React Native Icon Libraries in 2025


📈 116.43 Punkte
🔧 Programmierung

🔧 Introducing @spexop/icons: A Modern React Icon Library with 262 Professional Icons


📈 113.72 Punkte
🔧 Programmierung

🔧 I Evicted Framer Motion From a Client Site and Cut the Bundle by 27%


📈 111.15 Punkte
🔧 Programmierung

🔧 Framer Crash Course 2026


📈 111.15 Punkte
🔧 Programmierung

🔧 Building a Lightweight React Carousel with Framer Motion (12KB)


📈 111.15 Punkte
🔧 Programmierung

🔧 Mocking framer-motion v9


📈 111.15 Punkte
🔧 Programmierung

🔧 [FREE TOOL] 🐻 Digibear Icons — a manifest-based, cross-platform icon system


📈 111.01 Punkte
🔧 Programmierung

🔧 Flutter Interview Questions Part 2: UI Widgets & Layouts


📈 111.01 Punkte
🔧 Programmierung

🔧 Smooth, Jank-Free Animations with CSS and JavaScript: Performance Best Practices


📈 105.99 Punkte
🔧 Programmierung

🔧 Use any icon library in your Ember app without an addon


📈 105.6 Punkte
🔧 Programmierung

🔧 10+ Trending Animated UI Component Libraries 🔥 (2025 Edition)


📈 101.05 Punkte
🔧 Programmierung

🔧 I Built a Faster PWA Icon Generator in a Weekend


📈 97.48 Punkte
🔧 Programmierung

🔧 8 Lucide Icons Alternatives That Offer Better Icons


📈 94.77 Punkte
🔧 Programmierung