skynexui_components

Description:

skynexui components

SkynexUI: #
Why "another component library"? #
The focus of this library is to provide a common "DSL" for write UI cross platform. Doesn't matter if the platform it's mobile or web. You will think in UI based in "Text" (<Text>) and "Boxes" (<Box>) and write the styles with breakpoints based in the web CSS key value conventions.



⚠️ Until version 2.0 we will have breaking changes while structuring the API.

Get Started #

Follow these steps to create a new project

Demo #

This is the main demo that we are working on, an project with React for Web and Flutter for mobile development.

Contributing #

The project is not well structured for contributions right now, if you find a bug, please open an issue and let's discuss how to implement it 😋.

Dev mode #
React (Web)

Use the folder examples/demo_base that simulates a real world project structure.
This setup has build:watch mode

# First terminal window
yarn install && yarn build:watch

# Second terminal window
yarn dev:demo_base
copied to clipboard
Flutter (Other platforms)

Open inside VSCode examples/demo_base/lib/main.dart, them run it through it.

How to use? #

Check the docs here
We also have a storybook

How to install? #

flutter:

flutter pub add skynexui_components
copied to clipboard

yarn

yarn add @skynexui/components
copied to clipboard

npm

npm install @skynexui/components
copied to clipboard
Supporters #



Companies that trust in this project