rana-ui v0.0.1

Introduction

This is a superset of the most commonly used front-end components based on Emotion CSS, guiding you to recognize, learn and use the right components to build your own pages, including PC and Mobile, shop around for experience, and very low-cost style copying , easily build your own theme system, let the page get the same experience as the native APP

Browser Support

Recent versions of Firefox, Chrome, Edge, Opera and Safari. IE11+

Major features

• Emotion-based styling solutions
• Out-of-the-box common mobile development functions
• ES6 and CommonJS modules
• Tree shaking of ES6 modules
• Almost the best API to use on the market
• Zero-cost style overrides and theme configuration
• Sophisticated and elegant style design
• An API for JavaScript and Typescript

CDN Links

• https://cdn.jsdelivr.net/npm/rana-ui/dist/index.umd.js

Install inside a NPM project

# npm
npm install rana-ui

# yarn
yarn add rana-ui

# pnpm
pnpm add rana-ui

Use

Use individual components:

Here is a quick example to get you started, it's all you need:

import React from 'react';
import ReactDOM from 'react-dom';
import { Button } from 'rana-ui';

function App() {
  return <Button>Hello World</Button>;
}

ReactDOM.render(<App />, document.querySelector('#app'));

Yes, it's really all you need to get started as you can see in this live and interactive demo:

License

This project is licensed under the terms of the MIT license.

So

Check out the getting started instructions if you want to give your ui a newborn.