@uigrids/react-ui

134 animated React components: text effects, backgrounds, cards, cursors, and motion primitives. Live previews, prop tables, and AI build prompts for every component: https://www.uigrids.com/react-ui

npm install @uigrids/react-ui

import { BlurText, Aurora, ClickSpark } from '@uigrids/react-ui'

<Aurora />
<BlurText text="Ship something memorable" />

Or deep-import a single component:

import BlobCursor from '@uigrids/react-ui/Animations/BlobCursor.js'

Peer dependencies

react and react-dom are required. The rest are optional - install only what the components you use need:

| Category | Extra deps | |---|---| | Text animations | gsap, motion | | Animations / cursors | gsap, motion | | Backgrounds (WebGL) | ogl, three, postprocessing | | 3D components | three, @react-three/fiber, @react-three/drei |

Your bundler will tell you which one a component wants when you import it.

Some components ship a small CSS file which is imported automatically (sideEffects is configured so tree-shaking keeps only the CSS you use).

License

MIT. Component designs adapted from open-source community work; see uigrids.com/react-ui for per-component prompts and usage.