Animated Integrations for React

What the product plugs into, laid out so people find theirs. Free to install, each with the components it's built around.

Slide Puzzle Integrations

An integrations section where fourteen tool tiles sit in a grid of slots around the headline. They start scrambled and solve themselves like a sliding puzzle, then one slides over every few seconds; point at a tile for its name, or sweep the mouse fast to shove a row along. Under the card, three notes on how the integrations work.

Built with
Slide Puzzle
Packages
clsx, tailwind-merge
npx shadcn@latest add @keyframeui/slide-puzzle-integrations
Open Slide Puzzle Integrations

Before your first install

These commands use the @keyframeui registry. Add it to components.json once per project, then every command here works as written, and each block brings its components with it.

Setup steps