Improve UX
Motion draws attention to the right action at the right moment.
Why animated icons for websites?
Increase engagement
Visitors spend more time on pages with subtle, purposeful animation.
Guide the eye
Animated icons direct users through onboarding flows and key CTAs.
Tutorials
HTML/JS
Embed, control and customize Lordicons in web projects.
React
Add, control, and customize Lordicons in React.
WordPress Plugin
Customize Lordicons with our Gutenberg plugin.
Lordicon with Webflow
Enhance your presentations with Lordicon
WordPress Elementor
Add, customize, and control Lordicon animations in Elementor.
WordPress Divi
Add animated Lordicons to Divi and customize every detail.
UX Best Practices
Learn how to use icons for best effects
Website Examples
Explore how animated icons can enhance different website layouts and user interactions.
