Zarm

screenshot of Zarm
react

基于 React 的移动端 UI 组件库

Overview

Zarm is an innovative UI component library designed specifically for enterprise-level mobile applications, built using React. The name "Zarm" draws inspiration from the core philosophy of ZhongAn Insurance, which emphasizes providing warmth in their services. This unique blend of functionality and warmth ensures that developers have access to a high-quality, user-friendly toolkit for creating responsive and engaging interfaces.

With a commitment to delivering an exceptional user experience, Zarm aims to be more than just a collection of components; it strives to embody the principle of being approachable and intuitive. This dedication to user-centered design, along with a variety of features and extensive community support, makes Zarm a compelling choice for developers looking to enhance their mobile applications.

Features

  • Responsive Design: Zarm components are optimized for both iOS Safari 10+ and Android 5+, enabling a seamless experience across devices.
  • Custom Theme Support: Easily create and modify themes to match your brand's identity, enhancing consistency across your application.
  • Internationalization: Built-in tools and documentation to help you localize your applications for different markets effortlessly.
  • Community Engagement: Access community support through GitHub issues and discussions, allowing for direct interaction with fellow developers.
  • Open-Source Contribution: Embrace the spirit of collaboration by contributing to the project through pull requests and suggestions.
  • Gzip Optimization: Focus on performance with minimized JS and CSS gzip sizes to ensure fast loading times for mobile users.
  • Developer-Friendly: Comprehensive documentation and guides to streamline the development process, from setup to deployment.
  • Polyfill Compatibility: Support available for older browsers with the necessary polyfill configurations.
react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

Stylelint

Stylelint is a modern linter for CSS that helps you avoid errors and enforce consistent styling conventions. It provides rules for detecting errors and warnings, and can be configured to match your specific project's requirements.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.