Introduction
Open-source animated shadcn/ui components. Same files and API, with motion that runs entirely on the GPU.
GodUI is shadcn/ui, animated. Every component is a drop-in replacement for its shadcn/ui counterpart: the same file, the same exports and props, the same Radix primitives, so you can install it over a component you already use and every call site keeps working. Only the motion changes.
Make changes to your account here.
What you get
- A drop-in for shadcn/ui.
npx shadcn add @godui/dialogoverwritescomponents/ui/dialog.tsx. Imports, props anddata-slots don't change. - GPU-only motion. Every animation moves only
transform,opacityorfilter, so it runs on the compositor and stays smooth under load. A lint and a Chrome trace test enforce it in CI. - Springs in plain CSS. Enter animations use spring curves written as CSS
linear(). There's no animation runtime to ship. - Reduced motion built in. Under
prefers-reduced-motion, movement turns into short fades. - You own the code. Components are copied into your project by the shadcn CLI. There's no versioned dependency to upgrade.
Looking for effects, backgrounds and showpieces beyond the shadcn catalog? They live in Lab, GodUI's expressive, experimental set.