Introduction

Knot UI is a collection of beautifully animated, copy-paste UI components built with TypeScript, Tailwind CSS, and Motion.

What is Knot UI?

Knot UI provides a set of reusable, animated components that you can copy and paste into your projects. Unlike traditional component libraries, you own the code — every component is added directly to your project as source code.

Features

• Beautiful Animations — Smooth, performant animations powered by Motion
• TypeScript First — Full type safety and IntelliSense support
• Tailwind CSS — Styled with Tailwind for easy customization
• Copy & Paste — No package lock-in, own your components
• Dark Mode — All components support light and dark themes
• Accessible — Built with accessibility in mind

Getting Started

Head over to the Installation guide to set up your project.