Kinetics screenshot

Kinetics

3D & Motion

FreemiumNewIn 3D & Motion

About

Motion that has weight.

117 motion patterns ready to drop into CSS or React.

Features & use cases

  • Two numbers, not a duration.
  • Built for the copy-paste workflow.
  • Interaction & Input
  • Feedback & State
  • Surface & Motion

Section titles taken from kinetics.colorion.co, checked 2026-08-01.

Where Kinetics appears

Similar tools

Alternatives & related tools

Motion Primitives preview

Motion Primitives

Animated UI components for React, built on Motion.

Border Beam preview
New

Border Beam

Animated border component that drops into an existing layout.

Toolcraft preview
New

Toolcraft

Open-source starter kit and UI library for building AI design apps.

Name That UI preview
New

Name That UI

Visual dictionary that gives every UI pattern its correct name.

beUI preview
New

beUI

Motion toolkit of animated components for React and Next.js.

Relume Library preview
New

Relume Library

Component and section library for assembling responsive sites faster.

Grayblocks preview
New

Grayblocks

Responsive UI blocks ready for Framer, Figma and Webflow.

Input OTP preview
New

Input OTP

Accessible one-time password input for React, styled to fit.

More in 3D & Motion

See all 45
Swishy preview
New

Swishy

AI motion design for turning static type and layouts into animation.

Morflax Studio preview
New

Morflax Studio

Browser-based 3D and motion studio aimed at product and brand work.

Lottie Files preview

Lottie Files

The home of the best free, lightweight animations for products.

Rotato preview

Rotato

Animated 3D mockups of your app on phones, laptops and tablets.