About Keyframery
Keyframery is an open-source motion layer for shadcn/ui. One line in your root layout animates the dialogs, sheets, tabs, toasts and menus your app already has, without editing them.
Why it exists
shadcn/ui gives every app the same small fade and zoom. Making an app feel considered meant hand-writing motion for each component, page by page, and keeping the timings consistent by memory. Keyframery puts that motion in one layer you install once, with one set of timings, so the components and your code stay as they are.
Who builds it
Keyframery is built by Briyan Hingrajiya, a software engineer in Ahmedabad, India. The first release shipped in October 2026, and the project is developed in the open on GitHub.
How it's tested
Every release runs its end-to-end tests in Chromium, Firefox and WebKit, on both Base UI and Radix versions of shadcn/ui, and checks that the shadcn CLI installs it cleanly into fresh projects. The versions it's tested with are listed on the compatibility page, and every change is in the changelog.
Open source and free
The code is MIT licensed. The shadcn CLI copies it into your project, so you own it the way you own your shadcn/ui components, and it adds no npm dependencies. The docs, the theme builder and the agent skill are free and need no account.
How the blog is written
- Posts report tests we ran ourselves, with the setup, the prompts and the limits stated in the post.
- When a post compares Keyframery with other tools, it says so at the top, and reports where Keyframery comes out worse.
- Drafts are written with AI assistance and checked against the test data before they're published.
- When a post is corrected or its results change, it gets an “Updated” date and the change is described in the post.
Contact
Questions, corrections or bug reports: write to briyan@keyframery.com, or open an issue on GitHub.