PluginStats@k-universe/design-tokens weekly downloads statistics
By k-universe · npm · Tailwind plugins
K-Universe design tokens — CSS variables, TypeScript token objects, Tailwind plugin, and branding primitives
@k-universe/design-tokens has 3 recorded weekly downloads on npm, a decrease of 72.7% over the past 30 days.
It ranks #2130 of 2,251 tracked npm listings by weekly downloads.
Over 90 days, weekly downloads changed by -90.6%.
PluginStats has 543 daily observations since Apr 23, 2025; the latest is from Oct 17, 2026.
About @k-universe/design-tokens
@k-universe/design-tokens
K-Universe design tokens — CSS custom properties, TypeScript token objects, Tailwind CSS plugin, and React branding primitives. Install once, apply the K-Universe design system anywhere.
Install
Token overview
| Category | Description |
| Colors | Monochrome foundation + --ku-primary (#0066FF) + --ku-secondary (#00CC88) | | Typography | Power Grotesk scale (hero → tiny), JetBrains Mono for code | | Spacing | 8px base grid (4px → 128px), 60px margin principle | | Motion | GSAP-aligned durations + cubic-bezier easings | | Layout | 60px margins, 1320px max-width, section spacing | | Radius | xs (2px) → round (9999px) | | Shadows | Elevation 1–4 + glow variants |
Usage
Option 1 — Drop-in CSS (no build step)
Import the standalone CSS file and use --ku-* variables in your stylesheets.
Then use variables anywhere:
Option 2 — TypeScript token objects
Option 3 — CSS variable injection (JavaScript)
Option 4 — Tailwind CSS plugin
This maps all tokens into Tailwind utilities:
Option 5 — React branding components
| Component | Mark | viewBox | Default size | Use case |
| KLogoIcon / KLogo | Primary K mark | 0 0 390.6 450 | 32px | Brand, headers, splash screens | | KBotLogoIcon / KBotLogo | Bot/agent mark | 0 0 720.48 720 | 32px | Agents, assistants, TUI, k-speech, automation | | KLoadingGrid | Animated grid | 0 0 1986.5 2024.1 | 24px | Loading states, splash screens |
Note on fonts: Power Grotesk is a commercially licensed typeface. The CSS variable --ku-font-primary references it by name with system-ui fallbacks. You need to supply the font files yourself (self-hosted or via a licensed CDN). The package ships variable definitions only — not the font binaries.
CSS variable reference
Package exports
| Import path | Contents |
| @k-universe/design-tokens | TypeScript tokens object + all types | | @k-universe/design-tokens/css | generateCSSVars, applyCSSVarsToDocument | | @k-universe/design-tokens/tailwind | Tailwind CSS v3/v4 plugin | | @k-universe/design-tokens/branding | KLogoIcon, KLogo, KBotLogoIcon, KBotLogo, KLoadingGrid React components | | @k-universe/design-tokens/standalone/css | Standalone CSS file (no build step) |
License
MIT © K-Universe
Description from the npm listing.
- design-tokens
- design-system
- k-universe
- css-variables
- css-custom-properties
- tailwind
- tailwindcss-plugin
- dark-mode
- branding
Where @k-universe/design-tokens sits in the listing
Each band is one page of 20. Weekly downloads on a log scale. Placement is projected from weekly downloads, so it can differ from the marketplace's own sort order. Hover a dot to see the listing.
Charts
Images: 30d · 1y · all time · 1600×900 dark
Adoption over time
7/30/90-day growth
Filled points are observed values; hollow points come from Internet Archive snapshots of the listing page. Dashed segments span periods with no observations — values between points are not interpolated.
Recent observations
Full history (543)Similar npm Tailwind plugins plugins
Data source
Weekly downloads (trailing 7 complete days) come from the official npm downloads API. Downloads include CI and mirrors and are not equivalent to installs or users. npm publishes no ratings.
Listing: https://www.npmjs.com/package/@k-universe/design-tokens. First seen Oct 16, 2026; last successful collection Oct 18, 2026. See the methodology.