Animate UI

Roadmap

Roadmap for Animate UI.

Edit on GitHub

Status Legend

  • ✅ Done
  • 🔄 In progress
  • 📌 Planned
  • 🧪 Experimental / POC
  • 📝 To define / Scope needed

Key Objectives

  1. Vercel OSS Program — visibility, previews, OSS credibility.
  2. Multi-primitive coverage — drop-in animated behaviors for popular primitive libraries.
  3. Animate UI proprietary components — strong UX, composable APIs, reusable motion presets.
  4. Animated Lucide icons — consistent, production-ready variants.
  5. Blocks & Templates — accelerate composition and adoption.

Vercel OSS Program

  • 📌 Apply to the Vercel Open Source Program in October.

Animated Primitives (by library)

Base UI

  • 📌 Alert Dialog
  • 📌 Autocomplete
  • 📌 Combobox
  • 📌 Context Menu
  • 📌 Dialog
  • 📌 Menu
  • 📌 Menubar
  • 📌 Meter
  • 📌 Navigation Menu
  • 📌 Radio
  • 📌 Select
  • ✅ Tabs
  • 📌 Toast
  • 📌 Toolbar

Radix UI

  • 📌 Alert Dialog
  • 📌 Context Menu
  • 📌 Menubar
  • 📌 Navigation Menu
  • 📌 Select
  • 📌 Toast
  • 📌 Toolbar

Headless UI

  • 📌 Dropdown Menu
  • 📌 Combobox
  • 📌 Listbox
  • 📌 Radio Group
  • 📌 Select

React Aria

  • 📝 Under consideration.

Animate UI — Proprietary Primitives and Components

  • 📌 Dialog
  • 📌 Carousel
  • 📌 Dropzone
  • 📌 Magnetic Cursor
  • 🔄 New Animated Backgrounds
  • 🔄 New Text Animations
  • 🔄 New Effects
  • 🧪 And more…

Lucide — Animated Icon Set

  • 🔄 Aim to cover a large portion of Lucide icons that genuinely benefit from motion (prioritizing common and interaction-relevant icons).

Blocks (new category)

  • 📌 Headers / Hero
  • 📌 Feature Grid / Highlights
  • 📌 Pricing
  • 📌 FAQ / Accordions
  • 📌 Steps / Progress
  • 🧪 And more…

Templates (new category)

  • 📌 Introduce a Templates section with a few initial examples.
  • 📝 Specific templates are TBD and will be defined iteratively.

Built by Skyleen. The source code is available on GitHub.