New:Microsoft Teams Notifications Are Now Available in Socket.Learn more
Get Started

@framingui/tokens

Package Overview
Dependencies
Maintainers
1
Versions
3
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@framingui/tokens

TypeScript token type definitions with compile-time enforcement

latest
Source
npmnpm
Version
0.3.5
Version published
Weekly downloads
1
-80%
Maintainers
1
Weekly downloads
 
Created
Source

@framingui/tokens

TypeScript token type definitions with compile-time enforcement

npm License

Installation

npm install @framingui/tokens

Usage

import type { FramingUITokens, TokenReference } from '@framingui/tokens';

// TokenReference ensures only CSS variables are allowed
const background: TokenReference = 'var(--framingui-bg-surface-default)';

// TypeScript error: Type '"#ffffff"' is not assignable to type 'TokenReference'
// const invalid: TokenReference = '#ffffff';

Token Categories

  • BgTokens: Background colors
  • FgTokens: Foreground/text colors
  • SpacingTokens: Spacing scale
  • RadiusTokens: Border radius
  • TypographyTokens: Font properties
  • ShadowTokens: Box shadows

License

MIT

Keywords

design-tokens

FAQs

Package last updated on 06 Mar 2026

Related posts