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

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
amzn avatar

amzn/style-dictionary

0
View on GitHub↗
styledictionary.com↗

Style Dictionary

Style Dictionary is a cross-platform style generator and design token build system. It converts a single source of design variables into multiple output formats and platform-specific files to maintain a consistent source of truth across different interfaces.

The system functions as a multi-format style orchestrator that merges modular token sources and transforms them based on target platform requirements. It uses a scriptable transform interface to modify token values and names, allowing for the automation of design system styles for web, iOS, and Android applications.

The build process is configuration-driven, utilizing a central object to map token sets to transformation and output rules. It employs an intermediate representation mapping to keep the source tokens agnostic of the final target platform, while using pluggable format adapters to define how processed tokens are written to specific destinations.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

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.
4,709 stars·623 forks·JavaScript·Apache-2.0·62 views

Star history

Star history chart for amzn/style-dictionaryStar history chart for amzn/style-dictionary

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

Frequently asked questions

What does amzn/style-dictionary do?

Style Dictionary is a cross-platform style generator and design token build system. It converts a single source of design variables into multiple output formats and platform-specific files to maintain a consistent source of truth across different interfaces.

What are the main features of amzn/style-dictionary?

The main features of amzn/style-dictionary are: 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.

Which projects share features with amzn/style-dictionary?

Projects with overlapping indexed features include: 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…

Projects sharing features with Style Dictionary

These projects share indexed features with Style Dictionary. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • lukasoppermann/design-tokenslukasoppermann avatar

    lukasoppermann/design-tokens

    1,110View on 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
    View on GitHub↗1,110
  • argyleink/open-propsargyleink avatar

    argyleink/open-props

    5,409View on 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
    View on GitHub↗5,409
  • douyinfe/semi-designDouyinFE avatar

    DouyinFE/semi-design

    10,017View on 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
    View on GitHub↗10,017
  • carbon-design-system/carboncarbon-design-system avatar

    carbon-design-system/carbon

    9,172View on 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
    View on GitHub↗9,172
Compare all 30 related projects→