Atom Design
:candy: The mobile side UI-library base on Vue.js
Overview:
Atom-Design is a mobile side UI-library built on Vue.js. It is designed to provide a customizable and easy-to-use set of components for mobile applications. This library supports iOS 8+ and Android 4.4.3+ environments without the need for polyfills.
Features:
- Icon drawn by CSS: Atom-Design offers icons that are created using CSS, providing flexibility in customizing the style of the icons.
- Customizable components style: The library allows developers to easily customize the style of components according to their application's design requirements.
- Simple and easy to use components: Atom-Design provides a collection of components that are designed to be simple and user-friendly, making it easy for developers to integrate them into their applications.
Summary:
Atom-Design is a mobile side UI-library for Vue.js that aims to simplify the process of creating mobile applications. With its customizable components and easy integration, developers can quickly build mobile user interfaces with Atom-Design. The library supports a wide range of mobile environments and provides a set of user-friendly components that can be easily customized to fit any design requirements.
- Vue
Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- UI Kits & Components
A UI kit provides developers with a set of reusable components that can be easily integrated into a website or application. These components are pre-designed with consistent styling and functionality, allowing developers to save time and effort in the design and development process. UI kits can be either custom-built or third-party, and often include components for buttons, forms, typography, icons, and more.
- 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.
- Postcss
PostCSS is a popular open-source tool that enables web developers to transform CSS styles with JavaScript plugins. It allows for efficient processing of CSS styles, from applying vendor prefixes to improving browser compatibility, ultimately resulting in cleaner, faster, and more maintainable code.
- Webpack
Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.