awesome-repositories.com
Blog
awesome-repositories.com

Découvrez les meilleurs dépôts open-source grâce à notre recherche par IA.

ExplorerRecherches sélectionnéesAlternatives open sourceLogiciels auto-hébergésBlogPlan du site
ProjetÀ proposNotre méthodologiePresseServeur MCP
Mentions légalesConfidentialitéConditions d'utilisation
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
nativewind avatar

nativewind/nativewind

0
View on GitHub↗

Nativewind

NativeWind is a utility-first CSS framework that integrates Tailwind CSS design patterns into React Native applications. It functions as a cross-platform styling system and style mapper that translates CSS-based utility classes into native style objects compatible with mobile platforms.

The framework provides a responsive UI engine that implements breakpoints, dark mode management, and platform-specific modifiers. It allows for the definition of custom themes including global colors, fonts, and spacing values to maintain a consistent visual identity across different devices.

The system covers broader capabilities for reactive styling and the mapping of utility classes to the internal properties of both native and third-party components. It supports adjusting application layouts based on screen size, device orientation, and operating system differences.

Recherche par IA

Explorez plus de dépôts awesome

Décrivez vos besoins en langage naturel — l'IA classe des milliers de projets open source sélectionnés par pertinence.

Start searching with AI
nativewind.dev
↗

Features

  • CSS-to-Native Style Translators - Translates Tailwind CSS-like utility strings into native style objects compatible with the React Native styling engine.
  • Utility-First Styling - Implements a utility-first styling system that translates Tailwind CSS design patterns into native style objects.
  • Native Styling Integration - Integrates Tailwind CSS design patterns into React Native styling primitives for cross-platform mobile deployment.
  • Responsive UI Frameworks - Ships a responsive UI engine implementing breakpoints, dark mode, and platform-specific modifiers for native interfaces.
  • Cross-Platform UI Frameworks - Enables the creation of a consistent design system across iOS and Android using a single set of utility styles.
  • Tailwind CSS Integration - Brings Tailwind CSS classes and utility-first design patterns directly into React Native applications.
  • Light and Dark Theme Systems - Implements light and dark mode toggles and custom color palettes that update across the entire mobile interface.
  • Custom Theme Definitions - Provides a system for defining global colors, fonts, and spacing values to maintain a consistent visual identity.
  • Dark Mode Toggles - Provides utilities to toggle between light and dark visual themes based on system settings or user preferences.
  • Design Token Theming - Provides a global configuration that maps design tokens to native color and spacing values for runtime theme injection.
  • Responsive Breakpoints - Implements a responsive engine that activates specific styles based on predefined screen width breakpoints.
  • Responsive Breakpoint Mapping - Implements a system for applying different style values based on screen width breakpoints using utility classes.
  • Utility-First CSS Frameworks - Provides a utility-first CSS framework for defining a universal design system across multiple mobile platforms.
  • Babel Transformations - Uses Babel transformations to parse styling strings and replace them with optimized runtime calls during build time.
  • Utility Class Mappings - Binds utility classes to component properties to ensure compatibility with external native libraries.
  • Responsive Mobile Layouts - Adjusts application layouts and styles based on screen size, device orientation, and hardware platform differences.
  • Native UI Component Mappers - Maps utility classes to the internal properties of native and third-party mobile view hierarchies.
  • Platform-Specific Resolutions - Evaluates style rules at runtime to apply different visual properties based on the detected mobile operating system.
  • Style Object Interpolations - Generates final native style objects by merging static utility definitions with dynamic state and theme variables.
  • State-Based Style Application - Adjusts appearance reactively based on device orientation, theme modes, and parent or child state changes.
  • Component Property Mappings - Provides a mechanism to map utility classes to the internal properties of third-party native components.
  • Platform-Specific Styling - Applies specific styles that trigger only on particular mobile operating systems or hardware device types.
7,960 stars·389 forks·TypeScript·MIT·1 vue

Historique des stars

Graphique de l'historique des stars pour nativewind/nativewindGraphique de l'historique des stars pour nativewind/nativewind

Alternatives open source à Nativewind

Projets open source similaires, classés selon le nombre de fonctionnalités partagées avec Nativewind.
  • vadimdemedes/tailwind-rnAvatar de vadimdemedes

    vadimdemedes/tailwind-rn

    4,270Voir sur GitHub↗

    tailwind-rn is a utility-first mobile UI kit and integration framework that allows the use of Tailwind CSS utility classes to style React Native components. It functions as a responsive mobile styling engine that transforms CSS style definitions into JSON objects compatible with native mobile view styling. The project provides a CSS-to-JSON style converter and a responsive engine that adapts styles based on screen breakpoints, dark mode preferences, and viewport orientation. This enables the implementation of mobile responsive design and state-based styling without writing manual stylesheets.

    JavaScript
    Voir sur GitHub↗4,270
  • gluestack/gluestack-uiAvatar de gluestack

    gluestack/gluestack-ui

    4,931Voir sur GitHub↗

    gluestack-ui is a cross-platform React component library built with Tailwind CSS. It provides over 30 pre-built, accessible components that can be installed by copying their source files directly into a project, giving developers full control over customization without external runtime dependencies. Every component implements WAI-ARIA patterns, keyboard navigation, and screen reader support out of the box. A key differentiator is the copy-paste architecture: rather than a traditional package dependency, component source code is placed in the project, allowing direct editing and eliminating ve

    TypeScriptaccessibilitycomponent-librarycustomizable-components
    Voir sur GitHub↗4,931
  • akveo/nebularAvatar de akveo

    akveo/nebular

    8,127Voir sur GitHub↗

    Nebular is an Angular UI component library that implements the Eva Design System, providing a comprehensive set of over thirty-five ready-made UI elements with full theming support. The library is built around a design-token-driven architecture where visual properties are compiled into CSS custom properties, enabling global style overrides and consistent branding across applications without modifying component internals. The framework includes a built-in dark mode system activated by toggling a CSS class on the root element, which triggers pre-defined token overrides across all components. Au

    TypeScriptakveoangularangular-cli
    Voir sur GitHub↗8,127
  • jerrykuku/luci-theme-argonAvatar de jerrykuku

    jerrykuku/luci-theme-argon

    5,338Voir sur GitHub↗

    luci-theme-argon is a visual interface for the OpenWrt administrative console that replaces the default look with a modern design. It provides a responsive web interface that automatically adjusts the administrative dashboard for usability on both mobile devices and desktop screens. The theme features a customizable login screen that supports custom images, videos, and transparency effects. It includes a dark mode interface with the ability to switch between light and dark color schemes manually or automatically based on system preferences. The project covers wide-ranging user interface cust

    Lessledeluciopenwrt
    Voir sur GitHub↗5,338
Voir les 30 alternatives à Nativewind→

Questions fréquentes

Que fait nativewind/nativewind ?

NativeWind is a utility-first CSS framework that integrates Tailwind CSS design patterns into React Native applications. It functions as a cross-platform styling system and style mapper that translates CSS-based utility classes into native style objects compatible with mobile platforms.

Quelles sont les fonctionnalités principales de nativewind/nativewind ?

Les fonctionnalités principales de nativewind/nativewind sont : CSS-to-Native Style Translators, Utility-First Styling, Native Styling Integration, Responsive UI Frameworks, Cross-Platform UI Frameworks, Tailwind CSS Integration, Light and Dark Theme Systems, Custom Theme Definitions.

Quelles sont les alternatives open-source à nativewind/nativewind ?

Les alternatives open-source à nativewind/nativewind incluent : vadimdemedes/tailwind-rn — tailwind-rn is a utility-first mobile UI kit and integration framework that allows the use of Tailwind CSS utility… gluestack/gluestack-ui — gluestack-ui is a cross-platform React component library built with Tailwind CSS. It provides over 30 pre-built,… akveo/nebular — Nebular is an Angular UI component library that implements the Eva Design System, providing a comprehensive set of… jerrykuku/luci-theme-argon — luci-theme-argon is a visual interface for the OpenWrt administrative console that replaces the default look with a… system-ui/theme-ui — Theme-ui is a React theme framework and CSS-in-JS utility used for building themeable user interfaces. It functions as… tailwindlabs/tailwindcss-typography — Tailwind CSS Typography is a plugin for the Tailwind CSS framework that provides hand-tuned typographic defaults for…