animui
ComponentsBlocksDocsPackageTry the demo
Introduction
Installation
Theming
Motion
AI guide
Changelog
Button
Action button
Split button
Button group
Floating button group
Expanding button group
Copy button
Icon morphNew
Confirm morph
Theme switcher
Hold to confirm
Swipe actions
Dropdown menu
Context menu
User menu
Input
Textarea
Password field
Password strength
Search field
Expanding search
Inline edit
Number field
Money input
Phone input
Tag input
Mention input
Shortcut recorder
Select
Combobox
Multi-select
Morph select
Chip group
Radio cards
Billing toggle
Checkbox
Radio group
Switch
Segmented control
Slider
Elastic sliderNew
Calendar
Date picker
Date range picker
Time picker
Color picker
Rich text editor
Signature pad
File dropzone
Tabs
Breadcrumb
Pagination
Mega menu morphNewPro
Scroll area
Accordion
Expandable card
Resizable panels
Dialog
Drawer
Bottom sheet
Popover
Hover card
Tooltip
Share accessPro
Alert
Toast
Toast stack
Announcement bar
Cookie consentNew
Progress
Skeleton
Stepper
Countdown
Usage meter
Avatar
Avatar group
Badge
Card
Metric card
Empty state
Line chart
Bar chart
Donut chart
Streamgraph
Brush chart
Waffle chart
Slope chart
Sparkline
Gauge
Activity heatmap
Animated counter
Ridgeline
Treemap
Split barPro
Sunburst
Sankey flow
Funnel chart
Radar chart
Realtime stream
Race bar chart
Data grid
Sortable data table
Tree view
Filter toolbar
Code block
JSON viewer
Timeline
Comment thread
Chat thread
Image compare
Carousel
Card stack
Text reveal
In-view title
Text morph
Text shimmer
What’s new8 new
DocsIntroduction

Introduction

What animui is, how the library is organized, and how to read a component page.

What animui is

animui is a React 19 package with 250 components and complete interface blocks. Install the package once, load its styles, and import the entries you need.

npm install https://animui.stracture.net/__local/package.tgz

How it is organized

The package contains 159 components and 91 blocks. Related variants share their foundation, and all entries have typed subpath imports and focused agent documentation.

Reading a page

Preview runs the retained demo. Code lists the actual implementation files. Installation shows the animui command and import. Usage and API describe the props, behavior and integration requirements.

Use the sidebar or search to find components, blocks and their variants.

Free and Pro

All 132 Free and 118 Pro entries are included in this distribution. Source panels are public and require no account. Free source is retained TypeScript; Pro source is recovered compiled JavaScript/CSS. Original authored Pro TSX was unavailable. Third-party license and provenance notices remain in the package.

Next steps

Install animui · Integrate your theme · Give animui to a coding assistant
NextInstallation

On this page

  • What animui is
  • How it is organized
  • Reading a page
  • Free and Pro
  • Next steps