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

@any-tdf/common

v0.0.1

Published

Framework agnostic shared utilities, theme, language packs, types and derived component utilities for any-tdf component libraries.

Vulnerabilities

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

Links

Git

Maintainers

dufu1991dufu1991

Keywords

Readme

npm Publish Status npm version GitHub license

Introduction

@any-tdf/common is the framework-agnostic shared foundation for the any-tdf component ecosystem. It contains derived component state helpers, shared SVG data, Tailwind CSS theme utilities, runtime theme switching, language packs, TypeScript types, and small platform utilities.

Features

  • Framework-agnostic component derivation helpers for state, classes, styles, and render metadata.
  • Shared SVG data and built-in icon library mapping.
  • Tailwind CSS theme plugin, color scale utilities, and runtime theme switching helpers.
  • 60+ language packs used by any-tdf UI packages.
  • TypeScript-first source code and generated declaration files.
  • No framework runtime dependency.

Installation

bun add @any-tdf/common
pnpm add @any-tdf/common
npm install @any-tdf/common

Exports

import { resolveButtonClass, en_US } from '@any-tdf/common';
import anytdfThemePlugin from '@any-tdf/common/theme/plugin';
import { switchTheme } from '@any-tdf/common/theme/runtime';

Available entry points:

  • @any-tdf/common
  • @any-tdf/common/derived
  • @any-tdf/common/derived/*
  • @any-tdf/common/svg
  • @any-tdf/common/svg/*
  • @any-tdf/common/theme
  • @any-tdf/common/theme/plugin
  • @any-tdf/common/theme/runtime
  • @any-tdf/common/lang
  • @any-tdf/common/types
  • @any-tdf/common/utils
  • @any-tdf/common/source.css, which registers the published dist files as Tailwind CSS sources.

Development

bun install
bun test
bun run build

Publishing

Package versions are managed with Changesets. After a version PR is merged, the npm publish workflow validates a Bun-generated TGZ and publishes it in dependency order:

bun run publish:npm:check

Links

License

@any-tdf/common is released under the MIT License.