Dependencies
Complete reference of core runtime dependencies, animation engines, and UI primitives utilized across Kivi UI components.
Kivi UI components are built to be copy-paste ready and modular. Below is a breakdown of all core libraries, animation engines, and UI primitives used across the components.
Core Motion & Animation
| Package | Version | Usage in Kivi UI |
|---|---|---|
motion | ^12.23.0 | Powers fluid spring physics, gesture animations, layout transitions, and scroll reveals. |
gsap | ^3.13.0 | Complex multi-step timeline orchestrations and high-precision tweens. |
@number-flow/react | ^0.5.14 | Continuous rolling number digit animations for counters, sliders, and timers. |
atropos | ^2.0.2 | 3D touch-friendly parallax hover effects and card tilt physics. |
3D & Graphics Rendering
| Package | Version | Usage in Kivi UI |
|---|---|---|
three | ^0.178.0 | WebGL 3D engine driving custom shaders, 3D globes, and mesh geometry. |
@react-three/fiber | ^8.17.10 | Declarative React reconciler for Three.js scenes and camera pipelines. |
@react-three/drei | ^9.114.0 | Useful helpers, loaders, and lighting controls for React Three Fiber. |
cobe | ^0.6.4 | Lightweight, interactive canvas-based dot globe visualization. |
ogl | ^1.0.11 | Minimalist WebGL library powering GPU shader backgrounds and canvas particles. |
Primitives & Icons
| Package | Version | Usage in Kivi UI |
|---|---|---|
lucide-react | ^0.562.0 | Consistent icon library used across navigation, buttons, and block previews. |
cmdk | ^1.0.0 | Fast, unstyled command menu palette primitive powering CommandK. |
@radix-ui/react-* | ^1.1.0 | Accessible UI primitives (Dialog, Popover, Tooltip, Dropdown, Accordion, Slider). |
input-otp | ^1.2.4 | One-time password PIN input component with keyboard navigation. |
Utilities & Styling
| Package | Version | Usage in Kivi UI |
|---|---|---|
clsx | ^2.1.1 | Conditional className constructor utility. |
tailwind-merge | ^2.6.0 | Merges Tailwind CSS class names efficiently without style conflicts. |
qrcode | ^1.5.4 | QR code matrix generator used in animated QR code particle blocks. |
next-themes | ^0.3.0 | Dark and light mode provider with zero-flash SSR synchronization. |
Related Components
Explore other interactive React & Tailwind CSS components from Kivi UI.
