npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

transitions-dev

v0.3.0

Published

Install transitions.dev UI transitions into your project — CSS, React, and TypeScript. Free transitions work out of the box; Pro recipes and the Pro agent skill unlock after a browser sign-in.

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Git

Maintainers

jakubkubojakubkubo

Keywords

csstransitionsanimationsreacttypescriptuiagent-skill

Readme

transitions-dev

Install transitions.dev CSS/React transitions into your project from the terminal. Free transitions work with no account; Pro transitions unlock after a passwordless browser sign-in.

npx transitions-dev list                 # list free + Pro transitions
npx transitions-dev add card-resize       # add a free transition (instant)
npx transitions-dev add --free            # add every free transition (no account)

npx transitions-dev add --pro             # add every Pro recipe (signs you in if needed)
npx transitions-dev skill                 # install the Pro transitions as an agent skill
npx transitions-dev logout               # sign out

add --pro and skill both sign you in automatically (browser device-flow) the first time. Recipes are written to ./transitions/ (override with --dir <path>); the skill installs to ~/.claude/skills/transitions-pro/ (override with --dir <path>).

How Pro auth works

login uses a device-authorization flow: the CLI prints a short code and opens your browser, you confirm while signed in to your Transitions Pro account, and the CLI receives a scoped token. No password or API key is ever entered in the terminal. Your Pro entitlement is re-checked on every download, so access ends immediately if your plan lapses — recipes you already pulled keep working.

Renamed from transitions-pro in 0.3.0: the old name installed the free transitions too, so having "pro" in every command read as if an account were required. transitions-pro still forwards here, and a sign-in made under the old name carries over.

This package contains no premium source — Pro recipes are fetched from the authenticated api.transitions.dev service.

MIT for the CLI; installed transitions are covered by the Transitions.dev license.