Pixel Perfect Logoixel Perfect

Introduction

Beautiful, animated React components

Pixel Perfect

Hyper-animated React components built with Framer Motion and GSAP for bold, kinetic UI.

Quick Start

Install with shadcn:

npm install framer-motion gsap

Use a component:

import { Button } from "@/components/Button";

export default function Home() {
  return <Button>Click me</Button>;
}

Tech Stack

  • React 18+
  • TypeScript
  • Tailwind CSS
  • Framer Motion - Spring animations
  • GSAP - Timeline animations

Features

  • Motion-first design
  • Fully customizable
  • TypeScript support
  • Accessible

Installation

Learn how to install and set up the UI library in your project