Amaze UI is an open-sourced responsive front-end framework.

Docs in English

The Product

Mobile First

Amaze UI believes in Mobile First. Beginning with mobile phone screens, Amaze UI is extending the adaption to larger screens such as tablet and PC.

Web Components

Amaze UI contains almost 20 CSS components, 10 JS components and 17 other web components which include 60 different themes. All these components are designed to help you develop more efficiently and create responsive pages with awesome user interface and excellent user experience.

Localization

Compared with existing front-end frameworks, Amaze UI focuses on optimizing page layout in Chinese by adjusting font to different operating systems automatically. Amaze UI provides better compatibility for currently popular browsers and browsers built in Apps, saving you a lot of time for compatibility debugging.

Light yet Powerful

Amaze UI puts a lot of efforts on performance. Using CSS 3 for animation makes it more interactive, smooth, efficient and suitable for mobile devices, and allows your web app to load fast.

Download

Users can download packed templates from the Amaze UI official site.

All documents are saved in the directory of docs/. To view the demo more conveniently, we suggest you check the documents by visiting the official website.

Develop

Developers can build extensions on top of Amaze UI.

Project Structure

amazeui
|-- HISTORY.md
|-- LICENSE
|-- README.md
|-- package.json
|-- dist        # Contains all compiled and minified CSS and JavaScript files
|-- docs        # Contains all documentation
|-- fonts       # Icon font, using http://staticfile.org/
|-- gulpfile.js # Gulp config
|-- js          # JavaScript scource
|-- less        # LESS scource
|-- tools       # Related tools
|-- vendor      # Contains external libraries, like Zepto and others that are used by Amaze UI
|   |-- amazeui.partials.js
|   |-- handlebars
|   |-- json.format.js
|   |-- seajs
|   `-- zepto
`-- widget      # Web components

Building

Amaze UI use gulp.js to build files。

The following shows the steps:

npm install -g gulp

git clone https://github.com/allmobilize/amazeui.git

npm install

gulp

Bug feedback & Requests

Bug feedback

You are welcome to submit bug report to the Amaze UI team.

To explain your problems clearly, we suggest that you provide a demonstration when you give us feedback.

The following links are pages we have built with online debugging tools, using Amaze UI layouts and scripts. You can fork and send a bug report, linking to example pages.

• Debug Amaze UI 1.0 in JSBin

Submit Request

User can submit your requests through Issue system or leave us message on our official website. Any request that match our product concepts will be considered.

Code Contribution

You are welcome to join our debugging team! You are also very welcome to share the Web components you explored by “Fork” this item and submit request afterwards.

Development Document

All the development documents are saved in the directory of docs/rules. You can also check those documents on our official website.

• Amaze UI HTML/CSS Specifications
• Amaze UI JavaScript Specifications
• Amaze UI Web Components Specifications

Referenced & Used Open-source Projects

• Zepto.js (MIT License)
• Sea.js (MIT License)
• Handlebars.js (MIT License)
• normalize.css (MIT License)
• FontAwesome (CC BY 3.0 License)
• Bootstrap (MIT License)
• UIkit (MIT License)
• Foundation (MIT License)
• Framework7 (MIT License)
• Alice (MIT License)
• Arale (MIT License)
• Pure (BSD License)
• Semantic UI (MIT License)
• FastClick (MIT License)
• screenfull.js (MIT License)
• FlexSlider (GPL 2.0)
• Hammer.js (MIT License)
• Flat UI (CC BY 3.0 and MIT License)
• store.js (MIT License)
• bootstrap-datepicker.js (Apache License 2.0)
• iScroll (MIT License)

There might be some missing and we will keep updating.

Developed with Open Source Licensed WebStorm