Animate UI

Changelog

Latest updates and announcements.

Edit on GitHub

September 2025 - Animate UI 1.0

v1.0.2

Primitives

  • New Base UI Tabs primitive.

Components

  • New Base UI Tabs component based on the Tabs primitive.

v1.0.1

Primitives

  • New ThemeToggler effect primitive.

Components

  • New ThemeTogglerButton button component based on the ThemeToggler effect primitive.

v1.0.0

Animate UI is no longer in beta.

In order to make Animate UI more accessible and simpler, we are introducing a new organization. Animate UI is now divided into three parts:

  • Primitives: Primary components, animated but without style.
  • Components: Ready-to-use components styled with Tailwind CSS.
  • Icons: Animated icons based on Lucide Icons.

All components have been reworked to be improved and optimized.

Note: This update contains significant changes compared to the last beta version. As Animate UI is no longer in beta, this structure should remain stable over time. We recommend that you use only the components in this new version.

Primitives

Animate UI:

  • New AvatarGroup primitive.
  • New CodeBlock primitive.
  • New Counter primitive.
  • New Cursor primitive.
  • New GithubStars primitive.
  • New MotionGrid primitive.
  • New PinnedList primitive.
  • New ScrollProgress primitive.
  • New Slot primitive.
  • New Spring primitive.
  • New Tabs primitive.
  • New Tooltip primitive.

Radix UI:

  • New Accordion primitive.
  • New Checkbox primitive.
  • New Collapsible primitive.
  • New Dialog primitive.
  • New DropdownMenu primitive.
  • New Files primitive.
  • New HoverCard primitive.
  • New Popover primitive.
  • New Progress primitive.
  • New RadioGroup primitive.
  • New Sheet primitive.
  • New Sidebar primitive.
  • New Switch primitive.
  • New Tabs primitive.
  • New Toggle primitive.
  • New ToggleGroup primitive.
  • New Tooltip primitive.

Base UI:

  • New Accordion primitive.
  • New Checkbox primitive.
  • New Collapsible primitive.
  • New Files primitive.
  • New Popover primitive.
  • New PreviewCard primitive.
  • New Progress primitive.
  • New Switch primitive.
  • New Toggle primitive.
  • New ToggleGroup primitive.
  • New Tooltip primitive.

Headless UI:

  • New Checkbox primitive.
  • New Dialog primitive.
  • New Disclosure primitive.
  • New Popover primitive.
  • New Switch primitive.
  • New Tabs primitive.

Buttons:

  • New Button primitive.
  • New FlipButton primitive.
  • New LiquidButton primitive.
  • New RippleButton primitive.

Texts:

  • New ScrollingNumber primitive.

All other texts have been updated to be optimized and fix some bugs.

Effects:

  • New Blur primitive.
  • New Fade primitive.
  • New Particles primitive.
  • New Slide primitive.
  • New Zoom primitive.

All other effects have been updated to be optimized and fix some bugs.

Components

Animate UI:

All components have been reworked to use the new animated primitives.

Radix UI:

  • New Toggle component.

All other components have been reworked to use the new animated primitives.

Base UI:

  • New Files component.
  • New Toggle component.

All other components have been reworked to use the new animated primitives.

Headless UI:

All components have been reworked to use the new animated primitives.

Buttons:

  • New Button component.

All other components have been reworked to use the new animated primitives.

Backgrounds:

No changes to backgrounds.

Community:

The new community category contains animated components contributed by the community. Unlike other Animate UI components, they aren’t required to use our primitives, so their APIs may vary and some may offer limited configuration (few or no props).

The goal is to make it easy for anyone to publish and share animated components with the community.

Icons

The AnimateIcon wrapper has been updated to fix some bugs and add 4 new props:

  • animateOnView
  • animateOnViewMargin
  • animateOnViewOnce
  • delay

There are 24 new icons:

  • accessibility
  • airplay
  • binary
  • terminal
  • badge-check
  • cast
  • cctv
  • chart-bar
  • chart-bar-increasing
  • chart-bar-decreasing
  • chart-column
  • chart-column-increasing
  • chart-column-decreasing
  • chart-line
  • chart-no-axes-column
  • chart-no-axes-column-increasing
  • chart-no-axes-column-decreasing
  • chart-scatter
  • chart-spline
  • contrast
  • cross
  • ellipsis
  • ellipsis-vertical
  • party-popper

Changelog

Now, all changes will be detailed month by month and version by version on this page for greater transparency.

Roadmap

We have added a roadmap page to give you more visibility into the future of Animate UI. This may evolve over time.

See the roadmap page here.

Shadcn CLI V3

We have updated our installation method to use the new feature of CLI shadcn/ui version 3. Now, to install a component, you can use @animate-ui/[type]-[category]-[name]. For example, to install the Base UI accordion primitive, you can use @animate-ui/primitives-base-accordion.

See the getting started guide here.

MCP

We have updated the MCP page to show you how to use the MCP shadcn/ui with Animate UI.

See the MCP page here.

Other animated distributions

We have added a page to show you other animated distributions that you can use with Animate UI.

See the other animated distributions page here.

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