awesome-repositories.com
Blog
MCP
awesome-repositories.com

Descubre los mejores repositorios open-source con nuestra búsqueda potenciada por IA.

ExplorarBúsquedas curadasAlternativas open-sourceSoftware autohospedableBlogMapa del sitio
ProyectoAcerca deCómo clasificamosPrensaServidor MCP
Aviso legalPrivacidadTérminos
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
amzn avatar

amzn/style-dictionary

0
View on GitHub↗
4,709 estrellas·623 forks·JavaScript·Apache-2.0·4 vistasstyledictionary.com↗

Style Dictionary

Style Dictionary es un generador de estilos multiplataforma y sistema de construcción de tokens de diseño. Convierte una fuente única de variables de diseño en múltiples formatos de salida y archivos específicos de plataforma para mantener una fuente de verdad consistente en diferentes interfaces.

El sistema funciona como un orquestador de estilos multiformato que fusiona fuentes de tokens modulares y los transforma según los requisitos de la plataforma de destino. Utiliza una interfaz de transformación programable para modificar valores y nombres de tokens, permitiendo la automatización de estilos de sistemas de diseño para aplicaciones web, iOS y Android.

El proceso de construcción está basado en configuración, utilizando un objeto central para mapear conjuntos de tokens a reglas de transformación y salida. Emplea un mapeo de representación intermedia para mantener los tokens fuente agnósticos a la plataforma final, mientras utiliza adaptadores de formato conectables para definir cómo se escriben los tokens procesados en destinos específicos.

Features

  • Design Tokens - Converts a single source of design variables into multiple platform-specific formats to ensure visual consistency.
  • Design Token Exporters - Manages design variables and exports them to platform-specific formats like Tailwind, CSS, or JSON.
  • Platform Build File Generators - Generates platform-specific styled output files in various formats based on a central configuration.
  • Cross-Platform Style Generators - Acts as a generator that converts a single source of design variables into multiple output formats for various platforms.
  • Design Token Transformers - Transforms raw design data into the specific naming conventions and value formats required by various development environments.
  • Token Merging - Combines multiple modular design token source files into a single unified set to maintain a consistent source of truth.
  • Design Token Systems - Provides a comprehensive system for managing design properties through hierarchical variables and platform-specific build processes.
  • Design System Automation Tools - Automates the conversion of design tokens into platform-specific code to maintain consistency across different products.
  • Cross-Platform Styling - Provides an architecture to define global style variables once and apply them across web, iOS, and Android platforms.
  • Format Adapters - Provides pluggable format adapters that allow developers to define custom output file types and destination paths.
  • Build Configuration Architectures - Implements a configuration-driven architecture using JSON or JS to map design tokens to specific output rules.
  • Value Transformations - Provides transformation functions to modify token values and names based on the requirements of the target platform.
  • Sequential Transformation Pipelines - Processes design tokens through a strict sequential pipeline of functions to modify values and names.
  • Style Orchestrators - Functions as an orchestrator that merges modular token sources and exports them into multiple destinations via central configuration.
  • Intermediate Representations - Uses an intermediate representation to decouple source design tokens from the final platform-specific output formats.
  • Scriptable Processing Pipelines - Exposes a scriptable interface for injecting custom logic into the sequential token transformation pipeline.
  • Build Logic Extensions - Allows developers to extend build logic via custom scripts for project-specific data transformations and output formats.
  • Design Token Management - Cross-platform build system for managing design tokens.

Historial de estrellas

Gráfico del historial de estrellas de amzn/style-dictionaryGráfico del historial de estrellas de amzn/style-dictionary

Búsqueda con IA

Explora más repositorios increíbles

Describe lo que necesitas en lenguaje sencillo: la IA clasifica miles de proyectos open-source curados por relevancia.

Start searching with AI

Alternativas open-source a Style Dictionary

Proyectos open-source similares, clasificados según cuántas características comparten con Style Dictionary.
  • lukasoppermann/design-tokensAvatar de lukasoppermann

    lukasoppermann/design-tokens

    1,110Ver en GitHub↗

    This project is a design token manager designed to bridge the gap between creative design tools and development environments. It functions as an automation utility that extracts design styles, variables, and components from design software and converts them into standardized, machine-readable data structures. The tool distinguishes itself by providing a framework for transforming design data to meet specific platform requirements, such as dark mode configurations or native mobile variable systems. It supports custom transformation middleware, allowing users to apply specific logic to token ou

    TypeScriptamazon-style-dictionarydesign-systemdesign-tokens
    Ver en GitHub↗1,110
  • argyleink/open-propsAvatar de argyleink

    argyleink/open-props

    5,409Ver en GitHub↗

    Open Props is a CSS custom property library and design token set providing reusable variables for colors, typography, and layout. It functions as a CSS variable framework and design system intended to ensure visual consistency across components and platforms. The project includes an optimization toolkit for generating selector-scoped variable bundles and removing unused design tokens from stylesheets to reduce final file size. It also provides configuration files to enable design variable autocompletion within code editors. The system covers broader capabilities in adaptive web interface des

    HTML
    Ver en GitHub↗5,409
  • douyinfe/semi-designAvatar de DouyinFE

    DouyinFE/semi-design

    10,017Ver en GitHub↗

    Semi Design is a React UI component library and design token system used to build web application frontends. It provides a collection of pre-built interface elements and a framework of visual constants to maintain consistent branding across a product. The project features a design-to-code workflow that converts visual design drafts into production-ready React code and stylesheets. It includes an internationalization framework for adapting interfaces to different languages and text layouts, as well as a web component wrapper to isolate UI elements for use in SDKs and browser plugins. The libr

    TypeScriptai-friendlycode2designdark-mode
    Ver en GitHub↗10,017
  • carbon-design-system/carbonAvatar de carbon-design-system

    carbon-design-system/carbon

    9,172Ver en GitHub↗

    Carbon is an enterprise design system that provides a comprehensive collection of reusable UI components, design tokens, and guidelines for building professional web applications. It functions as a CSS framework that enforces a unified design language across projects through standardized typography, spacing, and color palettes. The system utilizes a platform-agnostic design token system to maintain visual consistency across different technologies. This includes centralized management of brand colors, motion easing curves, and a curated library of accessible SVG icons. The framework covers a

    TypeScript
    Ver en GitHub↗9,172
Ver las 30 alternativas a Style Dictionary→

Preguntas frecuentes

¿Qué hace amzn/style-dictionary?

Style Dictionary es un generador de estilos multiplataforma y sistema de construcción de tokens de diseño. Convierte una fuente única de variables de diseño en múltiples formatos de salida y archivos específicos de plataforma para mantener una fuente de verdad consistente en diferentes interfaces.

¿Cuáles son las características principales de amzn/style-dictionary?

Las características principales de amzn/style-dictionary son: Design Tokens, Design Token Exporters, Platform Build File Generators, Cross-Platform Style Generators, Design Token Transformers, Token Merging, Design Token Systems, Design System Automation Tools.

¿Qué alternativas de código abierto existen para amzn/style-dictionary?

Las alternativas de código abierto para amzn/style-dictionary incluyen: lukasoppermann/design-tokens — This project is a design token manager designed to bridge the gap between creative design tools and development… argyleink/open-props — Open Props is a CSS custom property library and design token set providing reusable variables for colors, typography,… douyinfe/semi-design — Semi Design is a React UI component library and design token system used to build web application frontends. It… facebook/stylex — StyleX is a type-safe CSS-in-JS library and atomic CSS compiler that transforms JavaScript style definitions into… carbon-design-system/carbon — Carbon is an enterprise design system that provides a comprehensive collection of reusable UI components, design… microsoft/fast-blazor — This is an ASP.NET Core UI framework and Blazor component library designed for building web applications. It provides…