Automatically generated, up-to-date TypeScript definitions for CSS based on Mozilla's MDN data.
Inspired by csstype
npm install csstype-extra
# or
bun add csstype-extra
# or
pnpm add csstype-extraimport type { Properties, Property } from 'csstype-extra';
const style: Properties = {
color: 'red',
backgroundColor: 'blue',
width: '100px',
// TypeScript provides autocomplete for all CSS properties
};
// Use specific property types
type Color = Property.Color;- Auto-generated: Types are automatically generated based on official MDN CSS data
- Always up-to-date: Automatically reflects CSS standard updates
- Strict types: Accurate type definitions leveraging TypeScript's type system
- Complete support: Full CSS feature support including standard properties, vendor-prefixed properties, at-rules, and pseudo-selectors
This package automatically checks once per day for CSS standard updates and deploys a new version if changes are detected.
- Daily Check: GitHub Actions runs every day at midnight (UTC)
- Change Detection: Fetches the latest CSS standards from the MDN data repository and compares with the current version
- Automatic Deployment: When changes are detected:
- Package version is automatically updated (patch version)
- Changes are committed and a PR is created
- PR is automatically merged and published to npm
This ensures you always have access to the latest CSS standards as types!
// Standard properties
StandardLonghandProperties
StandardShorthandProperties
// Vendor-prefixed properties
VendorLonghandProperties
VendorShorthandProperties
// All properties
Properties = StandardProperties & VendorProperties
// At-rules
AtRules
// Pseudo-selectors
Pseudos
AdvancedPseudos
SimplePseudos
// Individual property types
Property.Color
Property.Width
// ... and moreApache-2.0