Animate UI

A fully animated, open-source component distribution built with React, TypeScript, Tailwind CSS, Motion and Shadcn CLI

Website

Headless UI

Headless Accordion

(headless-accordion)

ui

A vertically stacked set of interactive headings that each reveal an associated section of content built with Headless UI.

View

https://shadcnregistry.com/preview/animate-ui/headless-accordion-demo

Headless Checkbox

(headless-checkbox)

ui

Checkboxes provide the same functionality as native HTML checkboxes, without any of the styling, giving you a clean slate to design them however you'd like.

View

https://shadcnregistry.com/preview/animate-ui/headless-checkbox-demo

Headless Dialog

(headless-dialog)

ui

A fully-managed, renderless dialog component jam-packed with accessibility and keyboard features, perfect for building completely custom dialogs and alerts.

View

https://shadcnregistry.com/preview/animate-ui/headless-dialog-demo

Headless Disclosure

(headless-disclosure)

ui

A simple, accessible foundation for building custom UIs that show and hide content, like togglable accordion panels.

View

https://shadcnregistry.com/preview/animate-ui/headless-disclosure-demo

Headless Popover

(headless-popover)

ui

Popovers are perfect for floating panels with arbitrary content like navigation menus, mobile menus and flyout menus.

View

https://shadcnregistry.com/preview/animate-ui/headless-popover-demo