3 dépôts
Libraries and tools for managing application styles and CSS.
Distinguishing note: Focuses on UI styling solutions.
Explore 3 awesome GitHub repositories matching user interface & experience · Styling Frameworks. Refine with filters or upvote what's useful.
This project is a community-maintained open source directory that serves as a comprehensive index of React components and libraries. It functions as a technical knowledge base, mapping common development challenges to vetted third-party solutions to help developers accelerate their frontend workflows and avoid reinventing standard interface elements. The directory distinguishes itself through a decentralized, hyperlink-centric architecture that avoids hosting code locally, instead pointing users directly to external repositories. This content is curated through a collaborative model where com
Collects styling and CSS solutions for web interfaces.
StyleX is a type-safe CSS-in-JS library and atomic CSS compiler that transforms JavaScript style definitions into optimized static CSS and type-safe class names. It functions as a multi-framework styling tool, generating standard CSS assets compatible with various JavaScript UI frameworks and server components. The system includes a CSS design token system and theme engine for managing shared constants and composing visual schemes. It allows for the creation of light, dark, and custom themes through variable overrides and token inheritance. The project covers component styling through object
Generates standard class names and inline styles that work across different JavaScript UI frameworks.
Compiled est un framework de stylisation pour React qui convertit les styles au niveau des composants en fichiers CSS atomiques statiques lors du processus de build. En utilisant des transformations d'arbre de syntaxe abstraite (AST) au moment de la compilation, la bibliothèque élimine le besoin d'injection de styles à l'exécution, garantissant que les styles sont traités et optimisés avant l'exécution de l'application. Le framework se distingue en décomposant les objets de style complexes en classes utilitaires individuelles et réutilisables, ce qui minimise la taille totale des feuilles de style. Il maintient la prise en charge des propriétés de composants dynamiques en les mappant à des variables CSS personnalisées, permettant des ajustements de style à l'exécution tout en préservant les avantages de performance de l'extraction statique. Pour garantir un rendu prévisible, la bibliothèque utilise un ordre de cascade déterministe, qui organise les règles générées dans des compartiments priorisés pour éviter les conflits. Le projet inclut des outils complets pour l'intégration dans les pipelines de build, notamment la prise en charge de la transformation du balisage et l'application de la cohérence du style via des règles de linting et de validation automatisées. Ces fonctionnalités garantissent que les styles des composants restent idiomatiques et maintenables sur l'ensemble de la base de code.
Defines encapsulated component styles using familiar JavaScript syntax while ensuring high performance through static extraction.