Creating Custom Lottie Animations With SVGator

Creating ready-to-implement Lottie animations with a single tool is now possible thanks to SVGator’s latest feature updates. In this article, you will learn how to create and animate a Lottie using SVGator, an online animation tool that has zero learning curve if you’re familiar with at least one design tool. https://smashingmagazine.com/2024/09/creating-custom-lottie-animations-svgator/

Erstellt 9mo | 17.09.2024, 15:20:10


Melden Sie sich an, um einen Kommentar hinzuzufügen

Andere Beiträge in dieser Gruppe

What I Wish Someone Told Me When I Was Getting Into ARIA

Accessible Rich Internet Applications (ARIA) is an inevitability when working on web accessibility. That said, it’s everyone’s first time learning

16.06.2025, 20:10:05 | Smashing magazine
Creating The “Moving Highlight” Navigation Bar With JavaScript And CSS

In this tutorial, Blake Lundquist walks us through two methods of creating the “moving-highlight” navigation pattern using only plain JavaScript and CSS. The first technique uses the `getBoundingClien

12.06.2025, 00:10:06 | Smashing magazine
Decoding The SVG <code>path</code> Element: Line Commands

SVG is easy — until you meet path. However, it’s not as confusing as it initially looks. In this first installment of a pair of articles, Myriam Frisano aims to teach you the basics of <path> and

09.06.2025, 14:10:16 | Smashing magazine
Collaboration: The Most Underrated UX Skill No One Talks About

We often spotlight wireframes, research, or tools like Figma, but none of that moves the needle if we can’t collaborate well. Great UX doesn’t happen in isolation. It takes conversations with engineer

05.06.2025, 12:50:03 | Smashing magazine
Smashing Animations Part 4: Optimising SVGs

What’s the best way to make your SVGs faster, simpler, and more manageable? In this article, pioneering author and web designer Andy Clarke explains the process he relies on to prepare, optimise, an

04.06.2025, 13:40:07 | Smashing magazine
Why Designers Get Stuck In The Details And How To Stop

Designers love to craft, but polishing pixels before the problem is solved is a time-sink. This article pinpoints the five traps that lure us into premature detail — being afraid to show rough work, f

03.06.2025, 19:10:06 | Smashing magazine
Designing For Neurodiversity

Designing for neurodiversity means recognizing that people aren’t edge cases but individuals with varied ways of thinking and navigating the web. So, how can we create more inclusive experiences that

02.06.2025, 15:20:08 | Smashing magazine