Introduction

Animated, React components with unique micro-interactions.

What is Knot-ui?

It is a free, open-source component library focused on distinctive micro-interactions and motion design.

Handcrafted animations

Every component ships with bespoke motion no generic fade-ins, only purposeful detail.

Copy-paste ready

Zero abstraction layers. Grab the source and drop it straight into your project.

shadcn CLI support

Install any component in one command via the shadcn registry. No wrappers, no lock-in.

Tailwind & React 19

Built on Tailwind CSS v4 and React 19. Works seamlessly with Next.js app router.

Folder

Open, fan, and lift variants with smooth spring physics.

Winter Button

Cinematic snowflake particle effects on a canvas.

Navbar

Pill-shrink navbar that reacts to scroll position.

Flip Card

Book-spine reveal with accent color customisation.

Orbiting Avatars

Continuous avatar orbit ring around a CTA button.

Tailwind Buttons

Pure-CSS animated button collection, no JS needed.

Follow the installation guide to set up your project, then browse any component to copy its source or install it via the CLI.