animate-ui

Demo showing a radix radio group.

Demo showing an animated radix radio group.

Extends the Dialog component to display content that complements the main content of the screen.

Demo showing a radix sheet.

Demo showing an animated radix sheet.

Demo showing a radix sidebar.

A control that allows the user to toggle between checked and not checked.

Demo showing a radix switch.

Demo showing an animated radix switch.

A set of layered sections of content—known as tab panels—that are displayed one at a time.

Demo showing a radix tabs.

Demo showing an animated radix tabs.

A two-state button that can be either on or off.

Demo showing a radix toggle.

Demo showing an animated radix toggle.

A set of two-state buttons that can be toggled on or off.

Demo showing a radix toggle group.

Demo showing an animated radix toggle group.

A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.

Demo showing a radix tooltip.

Demo showing an animated radix tooltip.

Refresh ccw dot icon component.

Refresh ccw icon component.

Refresh cw icon component.

Refresh cw off icon component.

A button that animates on tap with a ripple effect.

A button that animates on tap with a ripple effect.

Demo showing a ripple button.

Demo showing a ripple button.

A rolling text animation.

Demo showing an animated rolling text.

Rotate ccw icon component.

Rotate Ccw Key icon component.

Rotate cw icon component.

A rotating text animation.

Demo showing an animated rotating text.

Route icon component.

Router icon component.

Scissors icon component.

Scissors line dashed icon component.

A scrolling number animation.

Demo showing an animated scrolling number.

A scroll progress component that allows you to track the progress of a scrollable element.

Search icon component.

Send horizontal icon component.

Send icon component.

Settings icon component.

This is a button for sharing.