React Native Zephyr is a TailwindCSS-inspired styling library for React Native.

Last update: Jun 21, 2022

React Native Zephyr

github github npm docs Maintenance Status

STATUS: In development

This project is actively under development. We're approaching v1.0.0, in which the API will be stable and non-breaking. Until then, there are no guarantees that the API will not undergo minor changes.

Overview

React Native Zephyr is a TailwindCSS-inspired styling library for React Native.

TailwindCSS is a brilliant library, but it's built for CSS and the web browser – and these are tools that are not available in React Native projects. This project aims to borrow some of the core ideas of TailwindCSS and implement them in the context of React Native applications.

React Native Zephyr, out of the box, provides:

Head over to the docs to learn more.

GitHub

https://github.com/FormidableLabs/react-native-zephyr
You might also like...

react-native-orientation-controller ★23 - A react-native library for obtaining and controlling the current device and application orientation

react-native-orientation-controller A react-native library for obtaining and controlling current device or application orientation This library is a f

Dec 28, 2020

:sunrise_over_mountains: A React Native module that allows you to use native UI to select media from the device library or directly from the camera.

React Native Image Picker A React Native module that allows you to select a photo/video from the device library or camera. Note: If you are still usin

Jun 20, 2022

A routing library for React Native that strives for sensible API parity with react-router 🤖

A routing library for React Native that strives for sensible API parity with react-router 🤖

React Router Native A routing library for React Native that strives for sensible API parity with react-router. Please note that React Router v4 was ju

Jun 14, 2022

:boom: React Native UI Library based on Eva Design System :new_moon_with_face::sparkles:Dark Mode

:boom: React Native UI Library based on Eva Design System  :new_moon_with_face::sparkles:Dark Mode

UI Kitten Documentation UI Kitten is a React Native UI Library that allows you creating stunning multi-brand cross-platform mobile applications. The l

Jun 18, 2022

Nachos UI is a React Native component library.

Nachos UI is a React Native component library.

Intro Nachos UI is a React Native component library. Read more about how we built it on Medium. Features: Over 30 UI components Customizable UI compon

Jun 22, 2022

A react native modals library. Swipeable. Highly customizable. Support multi modals & Support custom animation. For IOS & Android.

A react native modals library. Swipeable. Highly customizable. Support multi modals & Support custom animation. For IOS & Android.

React Native Modals React Native Modals Library for iOS & Android. How to thank me ? Just click on ⭐️ button 😘 Try it with Exponent BREAKING CHANGE A

Jun 18, 2022

📈 One library to rule all charts for React Native 📊

📈 One library to rule all charts for React Native 📊

react-native-svg-charts Welcome to react-native-svg-charts! react-native-svg-charts provides SVG Charts support to React Native on iOS and Android, an

Jun 20, 2022

⚛ Library to prevent issues of keyboard sliding up and cover inputs on React-Native iOS projects.

⚛ Library to prevent issues of keyboard sliding up and cover inputs on React-Native iOS projects.

React-Native Keyboard Manager Library to prevent issues of keyboard sliding up and cover inputs on React-Native iOS projects ⚛ . Thanks to awesome IQK

Jun 15, 2022

A react-native library for obtaining current device orientation

NOTICE: This repository has been archived and is not supported. react-native-orientation-listener A react-native library for obtaining current device

Jun 5, 2022
Comments
  • 1. Feature: Support different base font size for default classes

    Right now, the base font size is 14pt for RN. Consider adding a way to set the base font size and let the rest of the default handlers extend from that.

    Reviewed by gksander at 2022-06-20 21:50
Customizable Icons for React Native with support for image source and full styling.
Customizable Icons for React Native with support for image source and full styling.

Perfect for buttons, logos and nav/tab bars. Easy to extend, style and integrate into your project. Table of Contents Bundled Icon Sets Installation i

Jun 23, 2022
Touchable component for React Native that enables more advanced styling by setting an active state. Most useful for building your own touchable/button components on top of.

react-native-TouchableSetActive Touchable component for React Native that enables more advanced styling by setting an active state. Most useful for bu

Mar 11, 2020
Beautiful, native menus for React Native + Web, inspired by Radix UI
Beautiful, native menus for React Native + Web, inspired by Radix UI

Beautiful, native menus for React Native + Web, inspired by Radix UI. ?? Radix UI on Web ?? Native elements on iOS/Android (where possible) ?? Same AP

Jun 17, 2022
Text inputs with custom label and icon animations for iOS and android. Built with react native and inspired by Codrops.
Text inputs with custom label and icon animations for iOS and android. Built with react native and inspired by Codrops.

React Native Textinput Effects I've come across with those beautiful text inputs created and blogged by Codrops and wanted to port them to react-nativ

Jun 18, 2022
React Native Tip is a simple package inspired in MaterialUI-Tooltip
React Native Tip is a simple package inspired in MaterialUI-Tooltip

React Native Tip is a simple package inspired in MaterialUI-Tooltip that helps you to show a quick tip to the user and highlight some important item in your app. It is useful to explain the user some funcionality.

Jun 6, 2022
A simple search box with animation, inspired from ios search bar. Lightweight, fast, flexible.

React Native Search Box A simple search box with animation, inspired from ios search bar. Lightweight, fast, flexible, customizable. Support both iOS/

Jun 14, 2022
Path-esque circular action menu inspired by CircularFloatingActionMenu.
Path-esque circular action menu inspired by CircularFloatingActionMenu.

react-native-circular-action-menu Path-esque circular action menu inspired by CircularFloatingActionMenu. Installation npm i react-native-circular-act

May 15, 2022
inspired by Airbnb's rheostat, a powerful slider with assorted data visualized charts
inspired by Airbnb's rheostat, a powerful slider with assorted data visualized charts

react-native-rheostat inspired by Airbnb's rheostat, a powerful slider with assorted data visualized charts Features Dependencies Installation Usage E

May 3, 2022
SVG library for React Native, React Native Web, and plain React web projects.
SVG library for React Native, React Native Web, and plain React web projects.

react-native-svg react-native-svg provides SVG support to React Native on iOS and Android, and a compatibility layer for the web. Check out the demo F

Jun 23, 2022
Beautifully crafted off canvas menu components for react native applications. Built on top of react-native's Animated library.
Beautifully crafted off canvas menu components for react native applications. Built on top of react-native's Animated library.

react-native-off-canvas-menu Beautifully crafted off canvas menu components for react native applications. Features - Gesture Support Orientation Comp

Jun 6, 2022