
10 Animated Open Source Icon Libraries
You can add motion to your interface for free with 10 open source animated icon libraries, led by lucide-animated at 8,170 GitHub stars and 350+ icons.
Web, voice, chat, graphic, CLI. UI kits, components, systems, and what the next interface shift looks like.
Stay up to date with UI Things happenings, latest blog posts, and more!
Stay up to date with UI Things happenings, latest blog posts, and more!
Subscribe
You can add motion to your interface for free with 10 open source animated icon libraries, led by lucide-animated at 8,170 GitHub stars and 350+ icons.

An ARIA label names a control with no visible text. When to use aria-label, when native HTML wins, and the misuse that hides the words on your button.

A Lottie animation is a JSON description of a vector timeline, usually exported from After Effects.

Vibe coding is prompting an LLM until the software runs, accepting every diff, and skipping the code. Andrej Karpathy coined the phrase in February 2025.

Chakra UI is a React component system with style props and tokens. See v3 theming, why Emotion still runs, and when shadcn or MUI is the better 2026 pick.

Framer Motion is the MIT React animation library, not the Framer canvas. Primitives, layoutId, LazyMotion sizes, and why reducedMotion defaults to never.

A wireframe is a skeletal screen layout for UI. Get lo-fi vs hi-fi, a skip-to-AI decision table, and how to sketch structure before you polish pixels.

Web accessibility for product teams: W3C POUR, ADA Title II vs Title III vs the EAA, overlay liability, and an 8-step start with named owners.

A complete guide to writing a web design proposal that wins clients. Covers the 8-section structure, real $4k–$15k pricing breakdowns, the two-option strategy,

Apple has published an official iOS 27 UI kit and iPadOS 27 UI kit for Figma as part of Apple Design Resources. It gives designers a current, accurate set of na

Web accessibility for product teams: W3C POUR, ADA Title II vs Title III vs the EAA, overlay liability, and an 8-step start with named owners.

An ARIA label names a control with no visible text. When to use aria-label, when native HTML wins, and the misuse that hides the words on your button.

A wireframe is a skeletal screen layout for UI. Get lo-fi vs hi-fi, a skip-to-AI decision table, and how to sketch structure before you polish pixels.

A complete guide to writing a web design proposal that wins clients. Covers the 8-section structure, real $4k–$15k pricing breakdowns, the two-option strategy,

You can add motion to your interface for free with 10 open source animated icon libraries, led by lucide-animated at 8,170 GitHub stars and 350+ icons.

A Lottie animation is a JSON description of a vector timeline, usually exported from After Effects.

Vibe coding is prompting an LLM until the software runs, accepting every diff, and skipping the code. Andrej Karpathy coined the phrase in February 2025.

Chakra UI is a React component system with style props and tokens. See v3 theming, why Emotion still runs, and when shadcn or MUI is the better 2026 pick.

Framer Motion is the MIT React animation library, not the Framer canvas. Primitives, layoutId, LazyMotion sizes, and why reducedMotion defaults to never.

Apple has published an official iOS 27 UI kit and iPadOS 27 UI kit for Figma as part of Apple Design Resources. It gives designers a current, accurate set of na