26 docs tagged with "Framework"

npm version

The colors-utilities module provides a set of helper functions to dynamically manipulate colors.

FlexNative includes a set of built-in Core Components that you can use directly when building your application.

The ThemeContext module is a core part of the FlexNative theming system.

The FlexNative theme system is designed to be extensible.

The BaseTheme theme object is where you define your application's color palette, type scale, borders, border radius values, and more.

FlexNative provides a platform-aware font system through the Fonts constant. This utility maps semantic font styles to the native system stacks of the underlying platform, ensuring your application feels native whether it's running on iOS, Android, or a browser.

FlexNative is a component library that enables developers to build universal design systems.

IconProvider implements the React Context API for your icon system.

npm version

FlexNative is a component library that enables developers to build universal design systems.

A collection of screen and layout components for React Native applications, part of the FlexNative ecosystem.

The ThemeProvider is the foundation of the FlexNative theming system.

The following example demonstrates the Icons in action.

Here are several examples of how to use the skeleton-loading component, categorized by its properties.

Some examples of how to use the Slider and RangeSlider component, categorized by its properties.

npm version

A flexible, performance-optimized, and highly customizable slider component for React Native, built with Animated and integrated with the FlexNative theme system.

A highly customizable and universal switch component for React Native and Web, part of the FlexNative design system.

npm version

ThemeContext is the core architectural piece of the theming system in your application.

The ThemeProvider is the foundation of the FlexNative theming system.

ThemeSettings screen provide a user interface where end-users can customize the visual appearance of the application. Here is a breakdown of its specific responsibilities:

The theme-utilities module exports helper functions that are essential for initializing and customizing the theme configuration in FlexNative.

createIconSetFromIcoMoon

The @flexnative/theme-context package includes several utility modules to help with theme creation, manipulation, and color generation.