Code Monkey home page Code Monkey logo

kaiui's Introduction

KaiUI

UI Component library for building KaiOS apps. All components and views are navigable using a phone's d-pad and softkeys.

Building and Usage

KaiUI has not yet been deployed to NPM. To build and play with the demo app run:

npm install
npm start

For use in the KaiOS emulator you must build

npm build

And update the hashes of the JS and CSS files in index.html manually before running.

Components

All specs can be found here

Name Preview Spec
Header alt text alt text
Tabs alt text alt text
SoftKey alt text alt text
Text List Item alt text alt text
Body Text List Item alt text
Icon List Item alt text
Arrow List Item alt text
Separator alt text alt text
Checkbox alt text alt text
Radio Button alt text
Progress-Download alt text alt text
Progress-Buffering alt text
Slider alt text alt text
Button alt text alt text
Input TBD alt text

Views

Navigation details can be found here

Name Preview
TabView alt text
ListView alt text

Popups

TBD

Notifications

TBD

Themes

Standardized colors and font stylings are found in the themes directory. These follow the KaiOS typography standard. Currently you can customize the focus color of components through props, font color is a WIP.

Icons

KaiUI uses custom icons provided on the KaiOS developer portal. These are included in the kai-icons font and incorporated as SASS/CSS classes.

Contributing

There's much work to be done on building out more UI components, writing tests, and integrating typing (probably using flow). Please look at currently open issues and our Contributing Guide

kaiui's People

Contributors

adrianmachado avatar phidelux avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.