Hello PH folks!
I’m Haris, Product Manager from the LottieFiles team.
I am excited to bring you the LottieFiles for WordPress plugin to enhance your no-code workflow and give you access to high-quality and ready-to-use Lottie animations.
If you run a WordPress site, it’s the easiest way to add animation – without coding or designing from scratch. Here’s what you can do with it:
✨ Animate your site in minutes in just a few clicks
✨ Access 50,000+ free and customizable Lottie animations
✨ Customize playback options – change speed, size, playback triggers and more
✨ Set up advanced effects like scroll-based animations
Here is how it works:
1. Download the plugin https://lottiefiles.com/plugins/... (once it’s successfully installed you’ll see it on the left side menu bar)
2. On a page that you’re working on, add a block - you can either use Discover Animation, Media Library, or Insert from URL
3. Once you select on an animation, click “Insert” (you can see this live)
4. Explore the features on the right (hover, page load, loop etc).
Watch this tutorial for more information:
Looking forward to any feedback!
Hey from Singapore! I’m the Product Marketing Manager and one of the makers here.
We’re all big fans of motion at LottieFiles. We believe motion can help you engage users, create memorable experiences and increase conversion rates.
That’s why I’m so excited to talk about our latest plugin, LottieFiles for WordPress. As a marketer myself, I see this plugin as a super-easy way to search for any animation right inside WordPress and add it in. No need to switch the working context, the animation comes right to WordPress!
The cool part is all animations come in the Lottie format. It’s a lightweight animation format that works like magic for websites and marketing landing pages:
Why Lottie?
- They are 600% smaller than GIFs. Which means you can animate your site without slowing it down!
- Lottie animations can be scaled up or down without pixelating. No matter the size, they always stay sharp.
- All Lottie animations can be customized to meet your brand colors.
You’re getting all the benefits of using Lottie animations inside one of the most popular no-code website builders!
Hello, awesome Product Hunt community 😻
I’m super happy to share something cool we built for you.
🥳 Introducing the LottieFiles for WordPress plugin, which allows you to seamlessly add animations to your WordPress websites. 🥳
Our plugin will be useful for designers, developers, startup founders, creators, and all no-code enthusiasts. So if you’re …
💛 building a landing page for your startup → you’ll get tons of free animations to make your webpage shine!
💛 making a project for clients →you can add engaging animations to make your project stand out!
💛 playing with WordPress to try no-code →you can add animations in just a few clicks to see how your no-code idea looks!
Get the plugin for free and enjoy working with animations right inside the WordPress ecosystem. We can’t wait to see what you’ll build with this! Give it a try 👉 https://lottiefiles.com/plugins/...
P.S. I joined the LottieFiles family 3 months ago as Head of Product Marketing, so happy to have my first Product Hunt launch with my lovely LottieFiles family! Kudos to superb team who built the plugin!
That's awesome @lisadziuba! I love the ease of building websites with WP, now it will become even more joy with Lottie animations. I have only one question, which versions of WordPress are supported? Thank you!
basically i like lottie .. well i like the idea but there are so many low quality animations and nothing seems really curated. the service would gain soooo much value if there would be a proper features section. the only things i see from time to time are those clipart animations nobody uses anymore.
@lisadziuba Hey Lisa, yeah ive been checking them out. i mean some are nice. especially those glass ui things you added recently, but its hard for me to find the right ones. i once found a website of a designer who uses lottie animations. the things he got on his website were nowhere to found. like a globe in a technical appearance which moved slowly and stuff. do you know the landingpage of github.com? something like the globe in the hero.. i mean thats just an example. dont know .. those line animation icon thingies and clip art stuff is not interesting and i feel its 90% of the platform. but again: the overall concept is incredible! I wish I could use lottie animations in my projects more (or at all) but as i said – nothing really catches me.
@watchworkgabriel Thanks for the great feedback! I mean, animations are like any other design: some grab your attention, and some don't.
We have a featured section that comes as a way to showcase something which we found very beautiful (also a way to praise our community).
On top of that, I was thinking about something like Muzli articles with the best animations for some topics. Do you think it can be something interesting to consider?
@watchworkgabriel I mean, it will be articles which will be featuring specific animations for some topics, like outstanding lotties for hero images for websites. Just an idea.
@lisadziuba yeah that would definitely be helpful. i just browsed around the features section even more – you are right, some grab your attention and some don't but an animated arrow that is pointing to the right in icon style is nothing to be featured in my opinion. there is a reason why airbnb for example only puts their top notch flats on the landing page. some things are just better than other things. Design is not all subjective, even though people might think it is. its pretty monotone but again – muzli articles would definitely be a start! quality assurance for marketplaces is key. i ran a startup in the past for freelance designers (like fiverr but with more curated aspiring designers) who needed to apply and got hand picket. the quality standard with extremly high and my customers felt that.
@lisadziuba These animations are so creative. They would definitely help WP blogs stand out. How much stress do they put on performance? Other than that, thanks for bringing this for free.
LottieFiles
Ecoisme 2.0
Don’t Panic by Lemon.io
LottieFiles
Don’t Panic by Lemon.io
Don’t Panic by Lemon.io
Don’t Panic by Lemon.io
Thursday
Don’t Panic by Lemon.io
Don’t Panic by Lemon.io
Don’t Panic by Lemon.io
Watchwork
Don’t Panic by Lemon.io
Watchwork
Don’t Panic by Lemon.io
Don’t Panic by Lemon.io
Watchwork
A remote working solution.
IconScout
Don’t Panic by Lemon.io