All Projects → ZhongAnTech → Zarm

ZhongAnTech / Zarm

Licence: mit
基于 React、React-Native 的移动端UI组件库

Programming Languages

javascript
184084 projects - #8 most used programming language
typescript
32286 projects

Projects that are alternatives of or similar to Zarm

Base
React-UI-Kit - frontend library with ReactJS components
Stars: ✭ 18 (-97.79%)
Mutual labels:  react-components, frontend
Tincture
Frontend development toolkit for ClojureScript
Stars: ✭ 24 (-97.06%)
Mutual labels:  react-components, frontend
React Ui Library Tutorial
📚React组件库搭建指南
Stars: ✭ 201 (-75.37%)
Mutual labels:  react-components, frontend
Awesome Ui Component Library
Curated list of framework component libraries for UI styles/toolkit
Stars: ✭ 702 (-13.97%)
Mutual labels:  react-components
Frontend Case Studies
💼 A curated list of technical talks and articles about real world enterprise frontend development
Stars: ✭ 6,290 (+670.83%)
Mutual labels:  frontend
Snapchat Clone
👻 A SnapChat clone built with React, Redux and Typescript. Styled with SASS. Tested with Cypress, Jest and Enzyme. Linted with Eslint and formatted with Prettier!
Stars: ✭ 770 (-5.64%)
Mutual labels:  frontend
Vue Bootstrap With Material Design
Vue Bootstrap with Material Design - Powerful and free UI KIT
Stars: ✭ 803 (-1.59%)
Mutual labels:  frontend
Awesome React Components
Curated List of React Components & Libraries.
Stars: ✭ 28,626 (+3408.09%)
Mutual labels:  react-components
Wxopenclub Wxapp Lessons
60 节微信小程序开发视频教程配套源代码
Stars: ✭ 798 (-2.21%)
Mutual labels:  frontend
Front End Career
A career guide to Front End Developers
Stars: ✭ 765 (-6.25%)
Mutual labels:  frontend
Embetty
🐙 Embetty displays remote content like tweets or YouTube videos without compromising your privacy.
Stars: ✭ 759 (-6.99%)
Mutual labels:  frontend
Guide
🍄 指北,A front end style guide.
Stars: ✭ 727 (-10.91%)
Mutual labels:  frontend
Amis
前端低代码框架,通过 JSON 配置就能生成各种页面。
Stars: ✭ 8,930 (+994.36%)
Mutual labels:  frontend
Ng Zorro Antd Mobile
A configurable Mobile UI components based on Ant Design Mobile and Angular. 🐜
Stars: ✭ 709 (-13.11%)
Mutual labels:  frontend
Wix Style React
A collection of React components that conform to Wix Style.
Stars: ✭ 798 (-2.21%)
Mutual labels:  react-components
Repractise
RePractise
Stars: ✭ 695 (-14.83%)
Mutual labels:  frontend
Tars
Markup builder on gulp
Stars: ✭ 792 (-2.94%)
Mutual labels:  frontend
Baseweb
A React Component library implementing the Base design language
Stars: ✭ 7,213 (+783.95%)
Mutual labels:  react-components
Frontend
Kottans frontend course 🎓
Stars: ✭ 749 (-8.21%)
Mutual labels:  frontend
Goplayspace
Advanced Go Playground frontend written in Go, with syntax highlighting, turtle graphics mode, and more
Stars: ✭ 765 (-6.25%)
Mutual labels:  frontend

Zarm

test codecov JS gzip size CSS gzip size NPM downloads dependencies Status peerDependencies Status devDependencies Status Netlify Status FOSSA Status Gitter

众安科技基于 React、React-Native 研发的一款适用于企业级的移动端 UI 组件库。

Zarm 的命名,灵感来源于众安保险秉承的理念:做有温度的保险。Zarm = za + warm,za 代表“众安”,warm 有“温暖”的含义,以重合的 a 字母为中心,各取左右两部分。追求极致的用户体验,致力于做有温度的组件库也是 zarm 项目发起的初衷。

版本

  • npm package

浏览器支持

  • iOS
  • Android 4.0+

安装

npm 或 yarn 安装

# npm
$ npm install zarm --save

# yarn
$ yarn add zarm

使用

import { Button, Cell } from 'zarm';
import 'zarm/dist/zarm.css';

定制主题

zarm 的样式使用了 scsscss 变量 相结合做为开发语言,并定义了一系列全局/组件的样式变量,你可以根据需求进行相应调整,实现定制主题的能力。

document.documentElement.style.setProperty('--theme-primary', '#108ee9');

以下是一些最常用的通用变量,所有样式变量可以在 这里 找到。

--theme-primary: #00bc70; // 全局主色
--theme-success: #00bc70; // 成功色
--theme-warning: #ec9231; // 警告色
--theme-danger: #ff5050; // 危险色

社区

问题上报 讨论交流 微信群
github issues github discussions
备注 "zarm" 加好友后邀请进群

开源协议

MIT

FOSSA Status

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].