All Projects → alibaba-fusion → Materials

alibaba-fusion / Materials

官方精品物料仓库

Programming Languages

typescript
32286 projects

Projects that are alternatives of or similar to Materials

Structor
Structor - React UI Builder [DEPRECATED]
Stars: ✭ 5,522 (+3372.96%)
Mutual labels:  scaffold, react-components
react-scaffolder
⚡ Scaffolding tool for React
Stars: ✭ 43 (-72.96%)
Mutual labels:  react-components, scaffold
Styleguide
The VTEX Design System and React component library.
Stars: ✭ 138 (-13.21%)
Mutual labels:  react-components
React Stylesheet
Component based styling for your React applications
Stars: ✭ 150 (-5.66%)
Mutual labels:  react-components
Fluentui
Fluent UI web represents a collection of utilities, React components, and web components for building web applications.
Stars: ✭ 12,587 (+7816.35%)
Mutual labels:  react-components
Create React Component Folder
Creates react component folder structure
Stars: ✭ 139 (-12.58%)
Mutual labels:  scaffold
React Live Chat Loader
Implement a live chat beacon in your React application without performance regressions.
Stars: ✭ 145 (-8.81%)
Mutual labels:  react-components
Tabler React
React components and demo for the Tabler UI theme.
Stars: ✭ 1,830 (+1050.94%)
Mutual labels:  react-components
Shine Design
为开发者、设计师和产品经理准备的 UI 设计语言
Stars: ✭ 157 (-1.26%)
Mutual labels:  react-components
Ibiu
Build Vue Spa Faster 🍏 🍔 🍜
Stars: ✭ 144 (-9.43%)
Mutual labels:  scaffold
Generator Standard Readme
Scaffold out a Standard Readme
Stars: ✭ 150 (-5.66%)
Mutual labels:  scaffold
Extract React Types
One stop shop to document your react components.
Stars: ✭ 141 (-11.32%)
Mutual labels:  react-components
Style Guide
🎨 Brainly Front-End Style Guide
Stars: ✭ 139 (-12.58%)
Mutual labels:  react-components
React Border Wrapper
A wrapper for placing elements along div borders.
Stars: ✭ 147 (-7.55%)
Mutual labels:  react-components
React Code Blocks
React code blocks and code snippet components
Stars: ✭ 135 (-15.09%)
Mutual labels:  react-components
React Formik Ui
A simple component library, composed out of pure HTML form elements to make your live easier composing forms with Formik and React
Stars: ✭ 154 (-3.14%)
Mutual labels:  react-components
Create React Microservice
🚀 Create highly scalable and universal React microservices/applications within seconds.
Stars: ✭ 138 (-13.21%)
Mutual labels:  scaffold
Laravel Scaffold
The base for developing awesome projects
Stars: ✭ 142 (-10.69%)
Mutual labels:  scaffold
Synergy
Synergy is a framework for building modular, configurable and scalable UI components for React-DOM projects
Stars: ✭ 146 (-8.18%)
Mutual labels:  react-components
React Spinners Kit
A collection of loading spinners with React.js
Stars: ✭ 158 (-0.63%)
Mutual labels:  react-components

Materials

Based on Fusion Components and ice.js Framework.

Setup

$ npm run setup

Develop

See Material Development Guide to learn more.

# block
$ cd blocks/ExampleBlock
$ npm install
$ npm run start

Scaffolds

Each scaffold in the scaffolds folder is generated by a configuration file .template/scaffold.json, please do not manually modify the contents of the scaffold.

Generate scaffold command:

$ cd materials/
$ node scripts/generate.js fusion-design-pro

Batch Publish Blocks

$ cd materials/
$ node scripts/publish-blocks.js

Batch Publish Scaffolds

$ cd materials/
$ TYPE=scaffolds node scripts/publish-blocks.js

Add New Material

$ iceworks add  # select block|component|scaffold|page

Publish

Generate Materials Data

$ iceworks generate

Publish Materials Data

# sync to fusion material center
$ iceworks sync

# sync to oss, will work in Iceworks
$ ACCESS_KEY_ID=xxx ACCESS_KEY_SECRET=yyy node scripts/oss/upload.js

Usage

Install Iceworks for VS Code:

install Iceworks

Add the materials data URL to Iceworks:

https://ice.alicdn.com/assets/materials/react-materials.json

add custom material

See Custom Material to learn more about how to use materials in Iceworks.

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].