FlipKit JS
FlipKit

Pitch

FlipKit is a small, framework-agnostic JavaScript animation package I built around the FLIP technique (First, Last, Invert, Play), so developers can ship smooth transitions without the code feeling like a science project. Beyond the package itself, the project needed a brand and a website design that could deliver clear documentation and copy-paste-ready examples. The logo had to tell the story of animating, with the hand-drawn wordmark travelling along a dashed motion path, while staying playful and approachable to developers.

Dates

2026 July

Work

JavaScript Package

Involvement

Solo project: package author, designer and developer

Stack

TypeScript package published to npm and tested with Jest, with a Vue and Tailwind documentation site using Shiki for code highlighting

Feature set

  • Framework-agnostic FLIP animation library written in TypeScript
  • Small step-by-step API: identify, measure, act, flip
  • Brand identity with a hand-drawn wordmark, motion-path logo and fK mark
  • Documentation site with install guides for npm, yarn and pnpm
  • Live examples with a FlipKit on/off toggle and copyable code
  • Responsive layout across desktop, tablet and mobile
Docs Site on Laptop
Logo DarkLogo Light
Docs Site on MobileFull LogoExamples on iPad
Mark DarkMark Light
contactjoe@racz.media

Have an idea like FlipKit JS?

I help with web apps, websites, marketing and branding. Tell me what you're working on, and I'll get back to you within two business days.

composenew_message.txt