Impeccable

Introduction

Impeccable is a library of animations and skills that fit your product like the missing piece of a puzzle. Before your AI tool builds anything, it asks you a few questions, so what you get feels made for you, not borrowed from someone else.

Why it exists

I wanted people to get things that feel personal. Most component libraries hand you a component and stop there. Then you spend time changing it to match your project, and even when your AI agent knows your project well, the result often looks like a piece taken from somewhere else.

Impeccable works the other way round. Before your agent writes any code, the prompt has it ask you, the person, a few short questions about your brand and where it should go. Your answers shape the component, so it fits into your product like a puzzle piece that was always meant to be there.

The skills take the same idea one step further. UI-tongue learns your taste once, so even a one-line prompt like “make me a hero section” comes out looking like you made it.

Let's make something for Humans once again.

The name

Impeccable means perfect, without a flaw. It's the bar I hold every component to before it ships: every detail of the motion is worked out here, so you don't have to.

Three parts

The sidebar splits the library into three parts, so it stays easy to find your way as it grows.

Animations

Moments of motion you drop into a page: a loader, a page transition. Each comes with code and two prompts.

Skills

Files you give your AI tool so it works your way. Download one, add it to Claude, and it does the rest.

Components

Bigger building blocks with motion built in. The first ones are on their way.

What you get

Every animation page has the same four things, in the same order.

01

A live preview

Play with it before you take it. If it doesn't make you feel something here, it won't in your app either.

02

One install command

Works in any project set up with shadcn. No extra packages needed.

03

The code, TS and JS

One file you own. Copy it, read it, change it. Nothing is hidden behind a package.

04

Two prompts

Paste one into Claude Code, Cursor or v0, and your AI tool builds it the way it was meant to feel.

Install or Blend

Every animation comes with two prompts. Pick the one that matches what you want from it.

Install

You want it exactly as you see it here. The prompt adds the component as it is and only asks where it should go.

Blend

You want it to feel like it was always part of your product. Your agent asks you a few short questions first, then builds it with your colors, names and words. The motion stays as designed.

Who it's for

Every product owner and brand that wants to stand out in public. If people will see your product and you want them to remember it, these are for you, whether you write the code yourself or let an AI tool do it.

Promises

  • Everything is original. Nothing here is a copy of someone else's work.
  • Works in light and dark, and on phones. I test both themes and small screens before anything ships.
  • Respects reduced motion. If someone has asked for less movement, they get less movement.
  • Free and MIT licensed. Use it in client work, products, anything.
  • The Blend prompt changes how an animation looks, never how it moves.

What's inside

Everything in the library today. New pieces arrive when they're ready, not on a schedule.

Who makes it

I'm Vraj Sensei, a product designer from Vadodara, and I make every piece of Impeccable myself. Impeccable is where I put the details I care about most. If something breaks or you have an idea, open an issue on GitHub or say hi on X.