SkynexUI

Use the platform, don't care about how to style there

⚠️ Version 1.x.x is alpha, trust only in v2

A set of components writen on top of React and React Native (with Expo) made for you deliver code for mobile devices and for the web using the best structures that the React ecossystem can provide with a seamless and standardized API.

You can see a preview version here and the initial code here and an app demo

Get Started

If you just want to try it out, go directly to the examples folder: https://github.com/skynexui/core/tree/main/examples or check this project https://github.com/omariosouto/pokedex-skynexui

This repo exports 2 packages @skynexui/web and @skynexui/native

Always use @skynexui/native for imports
If you are writing a web project, please use babel-plugin-skynexui

// # babel.config.js
module.exports = {
  presets: ['next/babel'], // Eg: using NextJS
  plugins: [['babel-plugin-skynexui', { commonjs: true }]],
}

But why?

Recently I see that there's many people trying to use CrossPlatform alternatives for Mobile and Web (eg. Flutter Web) for web development, and based in it's current perfomance, a11y and support for breakpoints I truly believe that we already have nice structures and this repo starts with the idea to prove that we have tooling for delivery the great part of the apps that we have in today's development with high quality developer experience considering tools like NextJS for the web and Expo for mobile development.

Contributing?

The project is in alpha and there's no fancy structures for contributing, for now you just have to check the current issues pick one and to run the project in your machine you have to:

# inside project root
yarn install

export DEV_MODE="true" && yarn build:watch

Then go to the examples folder, choose some project and then run:

yarn install && cd ./node_modules/react && yarn link && cd ../../ && yarn link @skynexui/web && yarn link @skynexui/native && yarn link react && yarn dev

yarn dev in the monorepo example could be yarn dev:web or yarn dev:native

Strongly Inspired by:

Supporters