UI Components

Open-source React components

Copy-paste React components for your projects. Free, open-source, and easy to customize.

Install From Registry

Choose your package manager and copy the install command.

pnpm dlx shadcn add @karanjot/magnetic-button

{
  "registries": {
    "@karanjot": "https://karanjot.co.in/r/{name}.json"
  }
}

AllAnimationCardsInteractive

🧲

Interactive

Magnetic Button

A button that magnetically attracts to the cursor on hover

Text Reveal

Animated text reveal with staggered letter animations

Gradient Card

Card with animated gradient border on hover

Scroll Reveal

Elements that animate in when scrolled into view

Glow Button

Button with pulsing glow effect on hover

3D Tilt Card

Card that tilts based on mouse position with 3D effect

React

Framer Motion

TypeScript

Want to contribute?

These components are open source. Feel free to contribute new components or improve existing ones.

View on GitHub